**html5_最全的新增標籤**
阿新 • • 發佈：2018-12-07
html5語法
大部分沿用html的語法，不同之處：
1.開頭的
<!DOCTYPE html>
<html lang="zh-CN">
<meta charset="utf-8">
字元編碼變得簡潔，
不區分大小寫完
添加了布林值，如checked，selected
引號可以省略，但是編碼規範，不建議
又可以省略標籤結束符，和完全省略的標籤的應用
結構標籤
- section ：獨立內容區塊，可以與h1-h6組成大綱，表示文件結構，也可以有章節，頁首，頁尾或頁首的其他部分；
- article ：獨立內容區塊，表示這篇頁首中的其他部分；
- aside：標籤內容之外與標籤內容相關的輔助資訊；
- header ：某個區塊的頭部資訊/標題；
- hgroup ：頭部資訊/標題的補充內容；
- footer ：底部資訊；
- nav：導航條部分；
- figure：獨立的單元，例如某個有圖片與內容的新聞塊。
表單標籤
- email ：必須輸入郵箱；
- url ：必須輸入url地址；
- number：必須輸入數值；
- range ：必須輸入一定範圍內的數值；
- Date Pickers ：日期選擇器；
a. date選取日、月、年
b.month選取月、年
c.week選取周、年
d.time選取時間（小時和分鐘）
e.datetime選取時間日、月、年（UTC時間）
f.datetime選取時間日、月、年（本地時間） - search ：搜尋常規的文字域；
- color：顏色；
媒體標籤
- video ：視訊；
- audio ：音訊；
- embed：鑲入內容（包括各種媒體midi,Wav,AU,mp3,flash,aiff）；
- header ：某個區塊的頭部資訊/標題；
其他功能標籤
- mark：標註，像銀光筆一樣標註
- progress：進度條
<progress max='最大進度條值' value='當前進度條值'> - time：資料標籤，給搜尋引擎使用
釋出日期<datetime="2014-12-25T09:00">9：00</time>更新日期<time datetime="2015- 01-23T04:00" pubdate>4:00</time> - ruby和rt：對某一個字進行註釋；
<ruby><rt>註釋內容</rt><rp>瀏覽器不支援時如何顯示</rp></ruby>``<ruby><rt>註釋內容</rt><rp>瀏覽器不支援時如何顯示</rp></ruby> - wbr：軟換行，頁面寬度到需要換行時換行；
- canvas：使用JS程式碼做內容進行影象繪製；
- command：按鈕；
- deteils ：展開選單；
- dateilst：文字域下拉提示；
- keygen:加密；