十道或許被你忽略的前端HTML5的經典面試題
1.什麼是HTML5?
答:HTML5是最新的HTML標準。
注意:講述HTML5推出的設計目的,以及現在市場的使用情況,瀏覽器支援情況等。。。。
設計目的
HTML5的設計目的是為了在移動裝置上支援多媒體。新的語法特徵被引進以支援這一點,如video、audio和canvas 標記。HTML5還引進了新的功能,可以真正改變使用者與文件的互動方式,包括:
· 新的解析規則增強了靈活性
· 新屬性
· 淘汰過時的或冗餘的屬性
· 一個HTML5文件到另一個文件間的拖放功能
2.HTML5中什麼是不同的新的表單元素型別?
答:提示本地驗證表單需要再外面新增form標籤包起來,才能檢視效果
color
date
datetime-local
email
time
url
range
telephone
number
search
3.HTML5的頁面結構同HTML4或者更前的HTML有什麼區別?
答:一個典型的WEB頁面包含頭部,腳部,導航,中心區域,側邊欄。現在如果我們想在在HTML4的HTML區域中呈現這些內容,我們可能要使用DIV標籤。
但是在HTML5中通過為這些區域建立元素名稱使他們更加清晰,也使得你的HTML更加可讀
以下是形成頁面結構的HTML5元素的更多細節:(注意主要考的是標籤語意化)
4.哪些瀏覽器支援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即可。
(如果喜歡,可以收藏一下 ♡)