H5標簽

定義
萬維網的核心語言、標准通用標記語言下的一個應用超文本標記語言（HTML）的第五次重大修改
為什么要有語義化標簽
方便開發者閱讀，寫出更優雅的代碼，讓瀏覽器很好的解析，從而更好的解析網頁內容，更好的搜索引擎優化
H5 新增標簽

1. 定義文檔頭部區域，一般用在板塊頭部<header></header>
2. 定義文檔中的一塊區域,替代div布局<section></ section >
3. 定義導航欄<nav></nav>
4. 標簽定義外部的內容。外部內容可以是來自一個外部的新聞提供者的一篇新的文章，或者是來自論壇的文本。<article></article>
5. 定義一塊獨立的內容（圖像，圖標，代碼等等）通常用來展示圖片及其描述<figure></figure>

<figure>
    <figcaption></figcaption>
    <!--用來定義figure的標題,放在figure的子元素第一個或者最后一個-->
    <img src=””/>
</figure>

 

6.定義側邊欄、廣告、nav元素組，以及其他類似的內容部分.aside 的內容應該與 article 的內容相關.一般與正文無關的。<aside></aside>
7.定義文檔底部區域內容，一般以footer結尾<footer></footer>
8.定義注釋<ruby></ruby>

例:`<ruby>一<rt>yi</rt></ruby>`

 

9.定義帶有記號的文本，用於凸顯<mark></mark>
10.定義已知范圍或分數值內的標量測量<meter></meter>

<meter min=”0” max=”10” value=”3” low=”5” optimum=”9”  high=”9” ></meter>

11.標簽顯示任務的進度或者進程一般結合js使用當不給定值時為一種加載的狀態，在谷歌里面是一直滾動的狀態，火狐里面是一種閃光的狀態。支持寬高設置，但背景顏色需要結合js<progress></progress>
12.用於描述文檔細節部分，類似於定義列表<details></ details >

<details>
    <summary>標題</summary>
    <p>對標題的描述</p>
</details>