HTML5是前端開發人員必須掌握的技能之一，那么在面試時，面試官常問到的HTML5的問題有哪些呢？

青島HTML5

1、Doctype作用？嚴格模式與混雜模式如何區分？它們有何意義？

答：告知瀏覽器的解析器，用什么文檔類型規范來解析這個文檔。

嚴格模式：又稱標準模式，是指瀏覽器按照 W3C 標準解析代碼。

混雜模式：又稱怪異模式或兼容模式，是指瀏覽器用自己的方式解析代碼。

意義：嚴格模式與混雜模式存在的意義與其來源密切相關，如果說只存在嚴格模式，那么許多舊網站必然受到影響，如果只存在混雜模式，那么會回到當時瀏覽器大戰時的混亂，每個瀏覽器都有自己的解析模式。

2、HTML5為什么只需要寫？

答：這個標簽是表明此網頁是HTML5格式，讓瀏覽器能以HTML5解析，否則就以兼容模式解析(HTML4以下)

3、行內元素有哪些？塊級元素有哪些？空(void)元素有那些？

行內元素：a、b、span、img、input、strong、select、label、em、button、textarea。

塊級元素：div、ul、li、dl、dt、dd、p、h1-h6、blockquote。

空元素：br、meta、hr、link、input、img等。

4、頁面導入樣式時，使用link和@import有什么區別？

答：(1)link屬于XHTML標簽，除了加載CSS外，還能用于定義RSS, 定義rel連接屬性等作用；而@import是CSS提供的，只能用于加載CSS。

(2)頁面被加載的時，link會同時被加載，而@import引用的CSS會等到頁面被加載完再加載。

(3)import是CSS2.1 提出的，只在IE5以上才能被識別，而link是XHTML標簽，無兼容問題;

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

答：主要分成兩個部分：渲染引擎(Render Engine)和JS引擎。

渲染引擎：負責取得網頁的內容、整理訊息，以及計算網頁的顯示方式，然后輸出到顯示器或打印機。瀏覽器的內核的不同對于網頁的語法解釋會有不同，所以渲染的效果也不同。所有網頁瀏覽器、電子郵件客戶端以及它需要編輯、顯示網絡內容的應用程序都需要內核。

JS引擎：解析和執行JS來實現網頁的動態效果。

最開始渲染引擎和JS引擎并沒有區分的很明確，后來JS引擎越來越獨立，內核就傾向與只指渲染引擎。

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

答：1、Trident內核：IE最先開發或使用的， 360瀏覽器；

2、Webkit內核：谷歌chrome瀏覽器，楓樹瀏覽器；

3、Gecko內核： Netscape6開始采用的內核，Mozilla FireFox (火狐瀏覽器) ，K-Meleon瀏覽器；

4、Presto內核：目前只有Opera瀏覽器采用該內核

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

答：HTML5已形成了最終的標準，概括來講，它主要是關于圖像，位置，存儲，多任務等功能的增加。

新增的元素有繪畫 canvas ，用于媒介回放的 video 和 audio 元素，本地離線存儲 localStorage 長期存儲數據，瀏覽器關閉后數據不丟失，而sessionStorage的數據在瀏覽器關閉后自動刪除，此外，還新增了以下的幾大類元素。

內容元素：article、footer、header、nav、section。

表單控件：calendar、date、time、email、url、search。

控件元素：webworker, websockt, Geolocation。

移出的元素有下列這些：

顯現層元素：basefont，big，center，font, s，strike，tt，u。

性能較差元素：frame，frameset，noframes。

處理兼容問題有兩種方式：

(1)IE8/IE7/IE6支持通過document.方法產生的標簽，利用這一特性讓這些瀏覽器支持HTML5新標簽。

(2)使用是HTML5shim框架

8、如何區分HTML和HTML5？

答：DOCTYPE聲明的方式是區分HTML和HTML5標志的一個重要因素，還可以根據新增的結構、功能元素來區分。

9、簡述一下你對HTML語義化的理解？

答：根據內容的結構化(內容語義化)，選擇合適的標簽(代碼語義化)便于開發者閱讀和寫出更優雅的代碼的同時讓瀏覽器的爬蟲和機器很好地解析。

語義化的優勢：清晰的頁面結構、支持更多的設備、有利于SEO、便于團隊開發和維護。

10、HTML5的離線儲存怎么使用，工作原理能不能解釋一下？

答：(1)頁面頭部像下面一樣加入一個manifest的屬性；

(2)在cache.manifest文件的編寫離線存儲的資源；

(3)在離線狀態時，操作window.applicationCache進行需求實現。

原理：HTML5的離線存儲是基于一個新建的.appcache文件的緩存機制(不是存儲技術)，通過這個文件上的解析清單離線存儲資源，這些資源就會像cookie一樣被存儲了下來。之后當網絡在處于離線狀態下時，瀏覽器會通過被離線存儲的數據進行頁面展示。

總結

以上是生活随笔為你收集整理的前端 js 非控件 使用标签打印机 打印二维码和文本_青岛Web前端（HTML5）面试题分享...的全部內容，希望文章能夠幫你解決所遇到的問題。

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