從前幾年開始，HTML5流行風盛行，HTML5開發工程師在人才市場中變得非常吃香。作為從事HTML5開發者來說，面試是不可或缺的，本文為大家總結介紹了十道大家可能並不熟練的前端HTML5經典面試題，希望對大家的面試能帶來一定的幫助，下面話不多說了，來一起看看詳細的介紹吧。
1.什麼是HTML5？答：HTML5是最新的HTML標準。
注意：講述HTML5推出的設計目的，以及現在市場的使用情況，瀏覽器支援情況等。 。 。 。設計目的
HTML5的設計目的是為了在行動裝置上支援多媒體。新的語法特徵被引進以支援這一點，例如video、audio和canvas 標記。 HTML5也引進了新的功能，可以真正改變使用者與文件的互動方式，包括：
· 新的解析規則增強了彈性
· 新屬性
· 淘汰過時的或冗餘的屬性
· 一個HTML5文件到另一個文件間的拖放功能
2.HTML5中什麼是不同的新的表單元素類型？答：提示本機驗證表單需要再外層新增form標籤包起來，才能查看效果
答：一個典型的WEB頁麵包含頭部，腳部，導航，中心區域，側邊欄。現在如果我們想要在HTML4的HTML區域中呈現這些內容，我們可能要使用DIV標籤。
但在HTML5中透過為這些區域建立元素名稱使他們更加清晰，也使得你的HTML更加可讀
以下是形成頁面結構的HTML5元素的更多細節：（注意主要考試的是標籤語義化）
答：幾乎所有的高版本瀏覽器Safari，Chrome，Firefox，Opera，IE8以上都支援HTML5
5.為什麼HTML5裡面我們不需要DTD（Document Type Definition文件類型定義）？答：HTML5沒有使用SGML或XHTML，他是一個全新的東西，因此你不需要參考DTD，對於HTML5，你只需放置下面的文件類型代碼告訴瀏覽器識別這是HTML5文件即可
6.HTML5的離線儲存？答：localStorage 長期儲存數據，瀏覽器關閉後資料不遺失；
sessionStorage 資料在瀏覽器關閉後自動刪除。
7.瀏覽器是怎麼對HTML5的離線儲存資源進行管理與載入的呢？答：
(1) 在線上的情況下，瀏覽器發現html頭部有manifest屬性，它會要求manifest文件，如果是第一次訪問app，那麼瀏覽器就會根據manifest文件的內容下載相應的資源並且進行離線存儲。如果已經造訪過app且資源已經離線儲存了，那麼瀏覽器就會使用離線的資源載入頁面，然後瀏覽器會對比新的manifest檔案與舊的manifest文件，如果檔案沒有改變，就不做任何操作，如果檔案改變了，那麼就會重新下載檔案中的資源並進行離線儲存。
(2)離線的情況下，瀏覽器就會直接使用離線儲存的資源。
8.請描述cookies，sessionStorage 和localStorage 的差別？（1）cookie在瀏覽器和伺服器間來回傳遞， sessionStorage和localStorage不會。
（2）sessionStorage和localStorage的儲存空間更大。
（3）sessionStorage和localStorage有更多豐富易用的介面。
（4）sessionStorage和localStorage各自獨立的儲存空間。
9.頁面可見性（Page Visibility）API 可以有哪些用途？答：在頁面被切換到其他後台進程的時候，自動暫停音樂或影片的播放。
10.HTML5的form如何關閉自動完成功能？答：給不想要提示的input是設定autocomplete=off即可。
總結以上就是這篇文章的全部內容了，希望本文的內容對大家的學習或工作有一定的參考學習價值，如果有疑問大家可以留言交流，謝謝大家對VeVb武林網的支持。