HTML5是什么？

• HTML5 是超文本標(biāo)記語言的第五次重大修改，2014年制定完成的。
• 設(shè)計(jì)目的是為了在移動(dòng)設(shè)備上支持多媒體
• 增加了更多語義化的標(biāo)簽，賦予網(wǎng)頁更好的意義和結(jié)構(gòu)
• input 輸入框的 type 類型更加豐富了

HTML5新特性

• 語義特性：
• 引入了更多語義化的標(biāo)簽
• 本地存儲(chǔ)特性：
• 啟動(dòng)更快，聯(lián)網(wǎng)更快
• 設(shè)備兼容特性
• 外部設(shè)備可以直接與內(nèi)部數(shù)據(jù)相連，比如視頻影音可以直接和 microphones 和攝像頭相連。
• 連接特性
• 提高了連接效率，實(shí)現(xiàn)了在線視頻聊天，優(yōu)化了頁游。
• 網(wǎng)頁多媒體特性
• 支持網(wǎng)頁端的 Audio、Video 等多媒體功能。三維、圖形及特效。
• 性能與集成特性
• 運(yùn)用了 XMLHttpRequest2 等技術(shù)，解決了跨域問題，頁面加載速度加快。
• CSS3 特性
• CSS3 提供了更多酷炫了樣式，比如陰影、動(dòng)畫、3D效果。

HTML5 新增標(biāo)簽

|元素 |描述 |
|-|
|canvas| 標(biāo)簽定義圖形，比如圖表和其他圖像。該標(biāo)簽基于 JavaScript 的繪圖 API
|audio| 定義音頻內(nèi)容
|video| 定義視頻（video 或者 movie）
|source| 定義多媒體資源 <video> 和<audio>
|embed| 定義嵌入的內(nèi)容，比如插件
|track| 為諸如 <video> 和 <audio> 元素之類的媒介規(guī)定外部文本軌道
|datalist| 定義選項(xiàng)列表。與 input 元素配合使用該元素，來定義 input 可能的值
|keygen| 規(guī)定用于表單的密鑰對(duì)生成器字段
|output| 定義不同類型的輸出，比如腳本的輸出
|article| 定義頁面正文內(nèi)容
|aside| 定義頁面內(nèi)容之外的內(nèi)容
|bdi |設(shè)置一段文本，使其脫離其父元素的文本方向設(shè)置
|command| 定義命令按鈕，比如單選按鈕、復(fù)選框或按鈕
|details| 用于描述文檔或文檔某個(gè)部分的細(xì)節(jié)
|dialog| 定義對(duì)話框，比如提示框
|summary| 標(biāo)簽包含 details 元素的標(biāo)題
|figure| 規(guī)定獨(dú)立的流內(nèi)容（圖像、圖表、照片、代碼等等）
|figcaption| 定義 <figure> 元素的標(biāo)題
|footer| 定義 section 或 document 的頁腳
|header| 定義了文檔的頭部區(qū)域
|mark| 定義帶有記號(hào)的文本
|meter| 定義度量衡。僅用于已知最大和最小值的度量
|nav| 導(dǎo)航
|progress| 定義任何類型的任務(wù)的進(jìn)度
|ruby| 定義 ruby 注釋（中文注音或字符）
|rt |定義字符（中文注音或字符）的解釋或發(fā)音
|rp| 在 ruby 注釋中使用，定義不支持 ruby 元素的瀏覽器所顯示的內(nèi)容
|section| 定義文檔中的節(jié)（section、區(qū)段）
|time| 定義日期或時(shí)間
|wbr| 規(guī)定在文本中的何處適合添加換行符

如何讓低版本IE 支持 HTML5 新標(biāo)簽

使用 html5shiv ，把 HTML5 的新標(biāo)簽轉(zhuǎn)化成低版本IE認(rèn)識(shí)的內(nèi)容。方法是在 head 中加入以下代碼

<!--if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

這段代碼在低于 IE6~8 的版本中會(huì)生效，而在其他瀏覽器中被作為注釋忽略。
必須把這段代碼加載head頭部，因?yàn)橐诮馕?HTML 之前就識(shí)別新標(biāo)簽，才能起作用。
另外，要在CSS中加上以下代碼，不然可能會(huì)出現(xiàn)莫名其妙的問題。

header,nav,article,section,aside,footer {
  display: block;
}