語義化標(biāo)簽的好處
可以創(chuàng)建清晰明確的網(wǎng)頁結(jié)構(gòu)挽唉，減少css的代碼量瑰煎，便于搜索引擎的抓取签赃，至于ARIA屬于另一個方面
語義化標(biāo)簽
| 標(biāo)簽 | 語義 | 內(nèi)容 |
|---|---|---|
| <header> | “網(wǎng)頁”或“section”的頁眉 | h1-h6同仆，hgroup倚舀，標(biāo)題，目錄谷羞，搜索框，nav溜徙，logo |
| <footer> | “網(wǎng)頁”或“section”的頁腳 | 基本信息 |
| <hgroup> | 代表“網(wǎng)頁”或“section”的標(biāo)題 | 元素有多個層級時湃缎，可以將h1到h6元素放在其內(nèi) |
| <nav> | 導(dǎo)航鏈接區(qū)域 | 定義頁面的主要導(dǎo)航部分 |
| <aside> | 在article內(nèi)表示主要內(nèi)容的附屬信息 article之外使用作為頁面或站點(diǎn)全局的附屬信息部分 |
當(dāng)前文章有關(guān)的相關(guān)資料、標(biāo)簽蠢壹、名次解釋等 日志串連嗓违，其他組的導(dǎo)航，甚至廣告 |
| <section> | 文檔中的“節(jié)”或“段” | |
| <title> | 頁面標(biāo)題 | 搜索引擎會將title作為判斷頁面主要內(nèi)容的指標(biāo) |
| <h1-6> | 分級標(biāo)題 | 標(biāo)題與搜索詞匹配图贸，就會有高權(quán)重 |
| <main> | 頁面主要內(nèi)容 | 一個頁面只能使用一次 |
| <article> | 代表一個在文檔蹂季，頁面或者網(wǎng)站中自成一體的內(nèi)容 (帖子，文章疏日，評論偿洁，小工具) |
標(biāo)題，header沟优，footer |
<small> |
指定細(xì)則涕滋，輸入免責(zé)聲明、注解挠阁、署名宾肺、版權(quán) | |
<strong> |
定義重要的文本 | |
<em> |
呈現(xiàn)為被強(qiáng)調(diào)的文本 | |
| <mark> | 突出顯示文本 | |
| <figure> | 與文檔流無關(guān)的圖片布局 | |
| <figcaption> | figure的標(biāo)題 | |
<cite> |
指明引用或者參考 | 如圖書的標(biāo)題等的名稱，報(bào)紙侵俗、或法律文件等 |
| <blockquoto> | 定義塊引用 | |
| <time> | 標(biāo)記時間 | |
| <abbr> | 通過對縮寫進(jìn)行標(biāo)記 | |
| <dfn> | 定義一個定義項(xiàng)目 | |
<code> |
定義計(jì)算機(jī)代碼文本 | |
| <samp> | 定義樣本文本 | |
| <address> | 作者锨用、相關(guān)人士或組織的聯(lián)系信息 | 放在footer里。不能包含文檔等其他內(nèi)容 |
| <del> | 已經(jīng)刪除的內(nèi)容 | |
| <ins> | 新插入的內(nèi)容 | |
| <meter> | 表示分?jǐn)?shù)的值或者已知范圍的測量結(jié)果 | |
| <progress> | 完成進(jìn)度 | |
| <menu> | 定義菜單列表 | 列出表單控件 |
