HTML已更新至HTML5，那么HTML5的測試題您也應該知道，這篇文章可以作為您的參考。

1.doctype有什么作用呢？如何區分其混合模式和標準模式？所有這些都意味著什么？

Doctype的作用是告訴瀏覽器使用HTML規范的哪個版本來渲染文檔。如果DOCTYPE格式不正確或不存在，將導致HTML文檔呈現為混合模式。

標準型模式(Standardsmode)在最高標準下運行，瀏覽器支持；混合模式(Quirksmode)在頁面顯示方面提供了更為寬松的向后兼容。

2.頁面導入風格時，使用link和@import有么么的區別?

同一位置，都是外部引用CSS的方式，差異：

(1)link是一個xhtml標簽，除了加載css之外，還可以定義其他事務，如RSS;@import屬于CSS范疇，并且只能加載CSS。

(2)當link引用CSS時，在頁面加載時同時加載該CSS;@import需要在頁面完全加載以后加載，引用@import的CSS直到引用該CSS的CSS文件加載完畢。

(3)link是一個xhtml標簽，沒有兼容問題；@import是在css2.1中提到，不支持低版本的瀏覽器。

(4)link支持使用javascript控件來改變樣式，而@import則不支持。

(5)樣式link的權重比@import的權重高。

(6)使用html時import需要標簽。

3.FlashofUnstyleContent，沒有樣式內容閃爍(FOUC)。

導入一個CSS文件的@import直到CSS樣式表被加載完畢。所以，在頁面DOM加載完成和CSS導入完成之間，頁面上的內容不具有任何樣式。

答案：使用鏈接標簽來載入CSS樣式檔案。由于link是按順序加載的，所以頁面將等待CSS下載完成后才下載HTML文件，所以先進行布局，沒有FOUC問題。

4.介紹一下您對瀏覽器內核的了解？

分為兩大部分：渲染引擎(LayoutEngine或RenderingEngine)和JS引擎。

呈現引擎：負責獲取網頁的內容(HTML、XML、圖像等)，整理信息(比如CSS等)，計算網頁如何顯示，然后輸出到顯示器或打印機。不同瀏覽器內核對網頁的語法解釋會有所不同，因此渲染效果也就不一樣了。

javascript引擎：解析并執行javascript以實現動態網頁效果。

最初，渲染引擎和JS引擎之間并沒有明確的區別，后來，JS引擎變得越來越獨立，內核傾向于僅針對渲染引擎。

5.簡述您對HTML語義化的理解？

能夠在移除或丟棄樣式時使頁面結構清晰。

有助于SEO與搜索引擎建立良好的溝通，有助于爬蟲獲取更多的信息，爬蟲依靠標簽來決定上下文和各個關鍵詞的權重。

便于其他設備的解析。

方便團隊開發和維護，基于可讀性語義化。

6.如何使用HTML5的文件離線存儲，以及如何工作？

在聯機情況下，瀏覽器發現HTML頭部具有manifest屬性，它請求manifest文件，如果manifest文件是首次訪問，則瀏覽器會下載與manifest文件內容和離線存儲相對應的資源。若已被訪問，且已離線存儲資源，則瀏覽器將使用離線資源加載頁面。接著，瀏覽器將把新的manifest文件與舊的manifest文件進行對比，如果文件沒有被更改，則不執行任何操作；如果文件更改，則重新下載該文件中的資源，并將其離線存儲。

總結

以上是生活随笔為你收集整理的html5引擎笔试题,最新！HTML5经典面试题型（附答案）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。