HTML5面試題

doctype作用

DOCTYPE標簽是一種標準通用標記語(yǔ)言的文檔類(lèi)型聲明，它的目的是要告訴標準通用標記語(yǔ)言解析器，它應該使用什么樣的文檔類(lèi)型定義（DTD）來(lái)解析文檔

主流瀏覽器內核私有屬性css前綴：

• mozilla內核 (firefox,flock等) -moz

• webkit內核(safari,chrome等) -webkit

• opera內核(opera瀏覽器) -o

• trident內核(ie瀏覽器) -ms

關(guān)于HTML語(yǔ)義化，你知道的都有哪些標簽？

• header、article、address都屬于語(yǔ)義化明確的標簽。

塊級標簽：默認寬度100%(占滿(mǎn)一行)；

• 塊級標簽自動(dòng)換行(獨占一行，右邊不能有任何東西)；

• 塊級標簽可以使用CSS設置寬度高度！

• 常用的塊狀元素有：div、 p、 h1**h6、ol、ul、dl、table、address、blockquote、form

行內標簽：默認寬度由內容撐開(kāi)(內容多寬、寬度就占多寬)；

• 行級標簽不會(huì )自動(dòng)換行(一行當中，從左往右依次排列)；

• 行級標簽的寬度高度不能設置！

• 常用的內聯(lián)元素有：a、span、br、i、em、strong、label、q、var、cite、code

常用的內聯(lián)塊狀元素有：img、input。

HTML5 Canvas元素有什么用？

• Canvas  元素用于在網(wǎng)頁(yè)上繪制圖形，該元素標簽強大之處在于可以直接在HTML上進(jìn)行圖形操作。
  HTML5存儲類(lèi)型有什么區別？

• localStorage用于持久化的本地存儲，數據永遠不會(huì )過(guò)期，關(guān)閉瀏覽器也不會(huì )丟失。

• sessionStorage  同一個(gè)會(huì )話(huà)的頁(yè)面才能訪(fǎng)問(wèn)并且當會(huì )話(huà)結束后數據也會(huì )隨之銷(xiāo)毀，因此sessionStorage不是一種持久化的本地存儲，僅僅是會(huì )話(huà)級別的存儲
  HTML5中如何嵌入音頻？HTML5如何嵌入視頻？

• HTML5支持MP3、Wav和Ogg格式的音頻，下面是在網(wǎng)頁(yè)中嵌入音頻的簡(jiǎn)單實(shí)例：

<audio controls>
  <source src="jamshed.mp3" type="audio/mpeg">
  Your browser doesn't suppport audio embedding feature.
<audio>

• 和音頻類(lèi)似，HTML5支持MP4、WebM和Ogg格式的視頻，下面是簡(jiǎn)單實(shí)例：

"450" height="340" controls>
   <source src="jamshed.mp4" type="video/mp4">
   <source src="jamshed.mp4" type="video/ogg">