摘要：前端開發(fā)面試題站點地址全棧開發(fā)原文鏈接前端開發(fā)面試題作用標準模式與兼容模式各有什么區(qū)別聲明位于文檔中的第一行，處于標簽之前，告知瀏覽器的解析器用什么文檔標準解析。如果需要使用，最好是通過動態(tài)給添加屬性值，可以繞開以上兩個問題。

站點地址：全棧開發(fā)
原文鏈接：前端開發(fā)面試題

Doctype作用？標準模式與兼容模式各有什么區(qū)別？

1、聲明位于HTML文檔中的第一行，處于標簽之前，告知瀏覽器的解析器用什么文檔標準解析。DOCTYPE不存在或格式不正確會導致文檔以兼容模式呈現(xiàn)。
2、標準模式的排版和JS運行模式都是以該瀏覽器支持的最高標準運行。在兼容模式中，頁面以寬松的向后兼容的方式顯示，模擬老式瀏覽器的行為以防止站點無法工作。

HTML5為什么只需要寫？

HTML5不基于SGML(標準通用標記語言)，因此不需要對DTD(文檔類型定義)進行引用，但是需要doctype來規(guī)范瀏覽器的行為（讓瀏覽器按照它們應該的方式來運行）
HTML4.01基于SGML，所以需要對DTD進行引用，才能告知瀏覽器文檔所使用的文檔類型。

行內(nèi)元素有哪些？塊級元素有哪些？空（void）元素有哪些？

首先：CSS規(guī)范規(guī)定，每個元素都有display屬性，確定鈣元素的類型，每個元素都有默認的display值，如div的display默認值為block，都是塊級元素；span默認display屬性值為inline，是行內(nèi)元素。
1、行內(nèi)元素：a、b、span、img、input、select、strong（強調(diào)的語氣）
2、塊級元素：div、ul、ol、li、dl、dt、dd、h1、h2、h3、h4、p
3、常見的空元素：br、hr、img、input、link、meta
   不常用的空元素：area、base、col、command、embed、keygen、param、source、track、wbr

頁面導入樣式時，使用link和@import有什么區(qū)別？

1、link屬于XHTML標簽，除了加載CSS外，還能用于定義RSS，定義rel連接屬性等作用；而@import是CSS提供的，只能用于加載CSS。
2、頁面被加載時，link會同時被加載，而@import引用的CSS會等到頁面被加載完再加載。
3、import是CSS2.1提出的，只在IE5以上才能被識別，而link是XHTML標簽，無兼容問題。
4、link支持使用JS控制DOM改變樣式，而@import不支持。

介紹一下你對瀏覽器內(nèi)核的理解？

主要分成兩部分：渲染引擎（layout或engine）和JS引擎。
渲染引擎：負責取得網(wǎng)頁的內(nèi)容（HTML、XML、圖像等）、整理信息（加入CSS等），以及計算網(wǎng)頁的顯示方式，然后輸出到顯示器或打印機。瀏覽器的內(nèi)核的不同對網(wǎng)頁的語法解釋會有不同，所以渲染的效果也不相同。所有網(wǎng)頁瀏覽器、電子郵件客戶端以及其他需要編輯、顯示網(wǎng)絡內(nèi)容的應用程序都需要內(nèi)核。
JS引擎：解析和執(zhí)行JS來實現(xiàn)網(wǎng)頁的動態(tài)效果。
最開始渲染引擎和JS引擎并沒有區(qū)分額很明確，后來JS引擎越來越獨立，內(nèi)核就傾向于只是指渲染引擎。

常見的瀏覽器內(nèi)核有哪些？

Trident內(nèi)核：IE，MaxThon，TT，The World，360，搜狗瀏覽器等[MSHTML]
Gecko內(nèi)核：Netscape6及以上版本，F(xiàn)F，MozillaSuite/SeaMonkey等
Presto內(nèi)核：Opera7及以上[Opera內(nèi)核原為：Presto，現(xiàn)為：Blink]
Webkit內(nèi)核：Safari，Chrome等[Chrome：Blink（Webkit的分支）]

HTML5有哪些新特性、移除了哪些元素？如何處理HTML5新標簽的瀏覽器兼容問題？如何區(qū)分HTML和HTML5？

HTML5現(xiàn)在已經(jīng)不是SGML的子集，主要是關于圖像，位置，存儲，多任務等功能的增加。
繪畫canvas
用于媒介回放的video和audio元素
本地離線存儲localStorage長期存儲數(shù)據(jù)，瀏覽器關閉后數(shù)據(jù)不丟失
sessionStorage的數(shù)據(jù)在瀏覽器關閉后自動刪除
語義化更好的內(nèi)容元素，比如article、footer、header、nav、section
表單控件：calendar、date、time、email、url、search
新技術：webworker、websocket、Geolocation
移除的元素：
純表現(xiàn)的元素：basefont、big、center、font、s、strike、tt、u
對可用性產(chǎn)生負面影響的元素：frame、frameset、noframes
支持HTML5新標簽：
IE8/IE7/IE6支持通過document.createElement方法產(chǎn)生的標簽，可以利用這一特性讓這些瀏覽器支持HTML5新標簽，瀏覽器支持新標簽后，還需要添加默認的樣式。
也可以直接使用成熟的框架，如html5shim：

              
  

                  
最新活動