HTML5面試題

doctype作用

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

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

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

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

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

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

關于HTML語義化，你知道的都有哪些標簽？

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

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

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

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

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

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

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

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

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

常用的內聯塊狀元素有：img、input。

HTML5 Canvas元素有什么用？

• Canvas  元素用于在網頁上繪制圖形，該元素標簽強大之處在于可以直接在HTML上進行圖形操作。
  HTML5存儲類型有什么區別？

• localStorage用于持久化的本地存儲，數據永遠不會過期，關閉瀏覽器也不會丟失。

• sessionStorage  同一個會話的頁面才能訪問并且當會話結束后數據也會隨之銷毀，因此sessionStorage不是一種持久化的本地存儲，僅僅是會話級別的存儲
  HTML5中如何嵌入音頻？HTML5如何嵌入視頻？

• HTML5支持MP3、Wav和Ogg格式的音頻，下面是在網頁中嵌入音頻的簡單實例：

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

• 和音頻類似，HTML5支持MP4、WebM和Ogg格式的視頻，下面是簡單實例：

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