從前幾年開始,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武林網的支持。