HTML5是什么？
- HTML5 是超文本標(biāo)記語言的第五次重大修改佑吝，2014年制定完成的损谦。
- 設(shè)計目的是為了在移動設(shè)備上支持多媒體
- 增加了更多語義化的標(biāo)簽宪摧，賦予網(wǎng)頁更好的意義和結(jié)構(gòu)
- input 輸入框的 type 類型更加豐富了
HTML5新特性
- 語義特性：
- 引入了更多語義化的標(biāo)簽
- 本地存儲特性：
- 啟動更快，聯(lián)網(wǎng)更快
- 設(shè)備兼容特性
- 外部設(shè)備可以直接與內(nèi)部數(shù)據(jù)相連氧骤，比如視頻影音可以直接和 microphones 和攝像頭相連呻疹。
- 連接特性
- 提高了連接效率，實現(xiàn)了在線視頻聊天筹陵，優(yōu)化了頁游刽锤。
- 網(wǎng)頁多媒體特性
- 支持網(wǎng)頁端的 Audio、Video 等多媒體功能朦佩。三維并思、圖形及特效。
- 性能與集成特性
- 運(yùn)用了 XMLHttpRequest2 等技術(shù)语稠，解決了跨域問題宋彼，頁面加載速度加快。
- CSS3 特性
- CSS3 提供了更多酷炫了樣式仙畦，比如陰影输涕、動畫、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| 定義選項列表檐什。與 input 元素配合使用該元素，來定義 input 可能的值
|keygen| 規(guī)定用于表單的密鑰對生成器字段
|output| 定義不同類型的輸出弱卡，比如腳本的輸出
|article| 定義頁面正文內(nèi)容
|aside| 定義頁面內(nèi)容之外的內(nèi)容
|bdi |設(shè)置一段文本乃正，使其脫離其父元素的文本方向設(shè)置
|command| 定義命令按鈕，比如單選按鈕谐宙、復(fù)選框或按鈕
|details| 用于描述文檔或文檔某個部分的細(xì)節(jié)
|dialog| 定義對話框烫葬，比如提示框
|summary| 標(biāo)簽包含 details 元素的標(biāo)題
|figure| 規(guī)定獨(dú)立的流內(nèi)容（圖像、圖表、照片搭综、代碼等等）
|figcaption| 定義 <figure> 元素的標(biāo)題
|footer| 定義 section 或 document 的頁腳
|header| 定義了文檔的頭部區(qū)域
|mark| 定義帶有記號的文本
|meter| 定義度量衡垢箕。僅用于已知最大和最小值的度量
|nav| 導(dǎo)航
|progress| 定義任何類型的任務(wù)的進(jìn)度
|ruby| 定義 ruby 注釋（中文注音或字符）
|rt |定義字符（中文注音或字符）的解釋或發(fā)音
|rp| 在 ruby 注釋中使用，定義不支持 ruby 元素的瀏覽器所顯示的內(nèi)容
|section| 定義文檔中的節(jié)（section兑巾、區(qū)段）
|time| 定義日期或時間
|wbr| 規(guī)定在文本中的何處適合添加換行符
如何讓低版本IE 支持 HTML5 新標(biāo)簽
使用 html5shiv 条获，把 HTML5 的新標(biāo)簽轉(zhuǎn)化成低版本IE認(rèn)識的內(nèi)容。方法是在 head 中加入以下代碼
<!--if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
這段代碼在低于 IE6~8 的版本中會生效蒋歌，而在其他瀏覽器中被作為注釋忽略帅掘。
必須把這段代碼加載head頭部，因為要在解析 HTML 之前就識別新標(biāo)簽堂油，才能起作用修档。
另外，要在CSS中加上以下代碼府框，不然可能會出現(xiàn)莫名其妙的問題吱窝。
header,nav,article,section,aside,footer {
display: block;
}
