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

青島HTML5

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

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

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

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

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

2、HTML5為什么只需要寫？

答：這個標簽是表明此網(wǎng)頁是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有什么區(qū)別？

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

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

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

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

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

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

JS引擎：解析和執(zhí)行JS來實現(xiàn)網(wǎng)頁的動態(tài)效果。

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

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

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

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

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

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

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

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

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

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

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

控件元素：webworker, websockt, Geolocation。

移出的元素有下列這些：

顯現(xiàn)層元素：basefont，big，center，font, s，strike，tt，u。

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

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

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

(2)使用是HTML5shim框架

8、如何區(qū)分HTML和HTML5？

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

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

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

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

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

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

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

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

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

總結

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

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