HTML5新增了27個(gè)標(biāo)簽元素,廢棄了16個(gè)標(biāo)簽元素,主要包括結(jié)構(gòu)性標(biāo)簽转晰、級(jí)塊性標(biāo)簽听皿、行內(nèi)語義性標(biāo)簽、交互性標(biāo)簽
結(jié)構(gòu)性標(biāo)簽
- 負(fù)責(zé)Web上下文結(jié)構(gòu)的定義士复,確保HTML文檔,包括:
- article 文章主體內(nèi)容(一篇博客、一篇論壇帖子阱洪、一段用戶評(píng)論便贵、插件)
- header 標(biāo)記頭部區(qū)域內(nèi)容
- footer 標(biāo)記腳部區(qū)域內(nèi)容
- section 區(qū)域章節(jié)表述
-
nav 菜單導(dǎo)航,鏈接導(dǎo)航
一般的網(wǎng)頁布局都是這樣的 分區(qū)域 一塊一塊的 這就是 html里常用的塊級(jí)標(biāo)簽
- 完成Web頁面區(qū)域的劃分,確保內(nèi)容的有效分隔冗荸,包括:
- aside 注記,貼士,側(cè)欄,摘要,插入的引用作為補(bǔ)充主體的內(nèi)容
- figure 對(duì)多個(gè)元素組合并展示的元素,常與figcaption聯(lián)合使用
- code 表示一段代碼塊
- dialog 人與人之間對(duì)話,包含dt和dd兩個(gè)組合元素(dt用于表示說話者承璃、dd用于表示說話者的內(nèi)容)
行內(nèi)語義性標(biāo)簽
- 完成Web頁面具體內(nèi)容的引用和表述,豐富展示內(nèi)容蚌本,包括:
- meter 特定范圍內(nèi)的數(shù)值盔粹,如工資、數(shù)量程癌、百分比
- time 時(shí)間值
- progress 進(jìn)度條舷嗡,可用max、min嵌莉、step進(jìn)行控制进萄,完成對(duì)進(jìn)度的表示和監(jiān)聽
- video 視頻元素,用于視頻播放烦秩,支持緩沖預(yù)載和多種視頻媒體格式
<video src="" controls="controls"></video>
src
代表的是地址controls
是播放器 一般就是選擇"controls"
- audio 音頻元素垮斯,用于音頻播放,支持緩沖預(yù)載和多種音頻媒體格式
交互性標(biāo)簽
- 功能性內(nèi)容的表達(dá)只祠,有一定的內(nèi)容和數(shù)據(jù)的關(guān)聯(lián)兜蠕,是各種事件的基礎(chǔ),包括:
- details 表示一段具體的內(nèi)容抛寝,默認(rèn)不顯示熊杨,通過某種方式(單擊)與legend交互才會(huì)顯示
- datagrid 控制客戶端數(shù)據(jù)與顯示,可用于動(dòng)態(tài)腳本及時(shí)更新
- menu 用于交互菜單
- command 用來處理命令按鈕