H5標籤有很多個，但有些並不兼容所以用不到。而且H5語義化標籤官方的都是說法並沒有看到真正的例子，很難理解，今天就去扣一扣這些。
梳理一下兼容可用的H5標籤，不兼容的標籤會忽略。
article標籤
<article>
可用於詳情，例如承載博客的內容（csdn就是這樣做的，可以打開控制檯看）
多用於點擊跳轉後的內容詳情，也可用於評論
</article>
aside標籤
<aside>
用於側邊欄。
可用於正文旁的廣告欄，或者商城中的人氣推薦啥的
</aside>
figure標籤
<figure>
<img src="img/1.jpg"/>
<flgcaption>（這是figure標籤的標題標籤，編輯器應該不會提示）
官方說法： 標籤規定獨立的流內容（圖像、圖表、照片、代碼等等）
元素的內容應該與主內容相關，同時元素的位置相對於主內容是獨立的。如果被刪除，則不應對文檔流產生影響。
意思是等於一個插圖。
</flgcaption>
</figure>
例三星使用的figure例子（跳轉此網頁）：
這上面手機只是一個容器，手機顯示的圖是插圖（figure）如果更換內容只用更換插圖或者刪除插圖。
header標籤
<header>
網頁（文檔）的頂部區域
</header>
footer標籤
<footer>
網頁（文檔）的底部區域（頁腳）
</footer>
mark標籤
<p>asdasdasdasdsa<mark style="background-color: red;">cvxvxc</mark></p>
mark標籤效果就象是在書上用熒光筆做記號，默認顏色熒光黃？？？
可以調整背景顏色
nav標籤
<nav>
導航鏈接
</nav>
progress標籤
進度條:
<progress value="22" max="100"></progress>
ruby標籤與rt、rp
rt是正常顯示時顯示的文本
rp是不支持ruby元素時顯示的內容
<ruby>
你<rt>ni</rt><rp>不支持的時候我會顯示</rp>
說<rt>shuo</rt>
啥<rt>sha</rt>
</ruby>
圖：
section標籤
<section>
<p>Hello Word</p>
</section>
某個區域，都可以不特定，比如新聞推薦部分
time標籤
<time datetime="2020-1-15">明天</time>
便於搜索，以機器可讀的方式，可以被用戶代理添加到用戶的日程表中，應該類似於美團訂酒店會在你的日曆中寫進日程
