section
用來劃分網(wǎng)頁,表示頁面中的一個內(nèi)容區(qū)塊,比如章節(jié),頁眉,頁腳或其他部分
article
完整獨立內(nèi)容塊,專門為摘要設(shè)計的,比如一篇文章
aside
表示 article標(biāo)簽內(nèi)容之外的,與article標(biāo)簽內(nèi)容相關(guān)的輔助信息,aside元素應(yīng)該被用于無關(guān)內(nèi)容,可以用在主要內(nèi)容相關(guān)的引用,側(cè)邊欄,廣告等
hgroup
對整個頁面中,一個內(nèi)容區(qū)塊的標(biāo)題進(jìn)行組合
header
一個內(nèi)容區(qū)塊或整個頁面的頭部部分
footer
整個頁面或頁面區(qū)塊的尾部
nav
頁面中導(dǎo)航鏈接的部分
figure
- 表示一段獨立的流內(nèi)容,一般表示文檔主體流內(nèi)容中的一個獨立單元
- figure元素經(jīng)常用于圖片
figcaption
- 代表一個圖例的說明
- 代表了figure元素的一個標(biāo)題或者說是其相關(guān)解釋
- 在使用figcaption時,它最好是figure塊的第一個或者最后一個元素
mark
高亮顯示
progress
進(jìn)度條
time
<time></time>用來表示時間或日期
wbr
<p>一行放不下則在這換行<wbr/>能放下則一行顯示</p>
兼容問題
- html5語義化標(biāo)簽在IE6-8下,對于不支持的標(biāo)簽不會有任何的樣式,也默認(rèn)的當(dāng)成行內(nèi)元素展示出來,所以在樣式表里要對這些標(biāo)簽定義一下它默認(rèn)的display
- 通過引入如下js來解決ie9以下新增標(biāo)簽的兼容問題
