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

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

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

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

HTML5為什么只需要寫？

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

行內元素有哪些？塊級元素有哪些？空（void）元素有哪些？

首先：CSS規范規定，每個元素都有display屬性，確定鈣元素的類型，每個元素都有默認的display值，如div的display默認值為block，都是塊級元素；span默認display屬性值為inline，是行內元素。
1、行內元素：a、b、span、img、input、select、strong（強調的語氣）
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有什么區別？

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不支持。

介紹一下你對瀏覽器內核的理解？

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

常見的瀏覽器內核有哪些？

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

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

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

              
  

                  
最新活動