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

1.doctype有什么作用呢？如何區(qū)分其混合模式和標(biāo)準(zhǔn)模式？所有這些都意味著什么？

Doctype的作用是告訴瀏覽器使用HTML規(guī)范的哪個(gè)版本來渲染文檔。如果DOCTYPE格式不正確或不存在，將導(dǎo)致HTML文檔呈現(xiàn)為混合模式。

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

2.頁面導(dǎo)入風(fēng)格時(shí)，使用link和@import有么么的區(qū)別?

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

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

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

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

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

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

(6)使用html時(shí)import需要標(biāo)簽。

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

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

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

4.介紹一下您對(duì)瀏覽器內(nèi)核的了解？

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

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

javascript引擎：解析并執(zhí)行javascript以實(shí)現(xiàn)動(dòng)態(tài)網(wǎng)頁效果。

最初，渲染引擎和JS引擎之間并沒有明確的區(qū)別，后來，JS引擎變得越來越獨(dú)立，內(nèi)核傾向于僅針對(duì)渲染引擎。

5.簡(jiǎn)述您對(duì)HTML語義化的理解？

能夠在移除或丟棄樣式時(shí)使頁面結(jié)構(gòu)清晰。

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

便于其他設(shè)備的解析。

方便團(tuán)隊(duì)開發(fā)和維護(hù)，基于可讀性語義化。

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

在聯(lián)機(jī)情況下，瀏覽器發(fā)現(xiàn)HTML頭部具有manifest屬性，它請(qǐng)求manifest文件，如果manifest文件是首次訪問，則瀏覽器會(huì)下載與manifest文件內(nèi)容和離線存儲(chǔ)相對(duì)應(yīng)的資源。若已被訪問，且已離線存儲(chǔ)資源，則瀏覽器將使用離線資源加載頁面。接著，瀏覽器將把新的manifest文件與舊的manifest文件進(jìn)行對(duì)比，如果文件沒有被更改，則不執(zhí)行任何操作；如果文件更改，則重新下載該文件中的資源，并將其離線存儲(chǔ)。

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。