我們知道，創(chuàng)建結(jié)構(gòu)清晰的頁(yè)面可以建立良好的語(yǔ)義化基礎(chǔ)，也降低了使用css的難度，下面總結(jié)了一些常用的語(yǔ)義化標(biāo)簽，有空慢慢更新，歡迎大家補(bǔ)充。
下面我將從幾個(gè)部分來(lái)整理標(biāo)簽，
1.結(jié)構(gòu)篇
<header></header>：頁(yè)眉通常包括網(wǎng)站標(biāo)志、主導(dǎo)航、全站鏈接以及搜索框。
<nav></nav>：是用來(lái)定義導(dǎo)航鏈接部分,將具有導(dǎo)航性質(zhì)的鏈接劃分在一起，使代碼結(jié)構(gòu)在語(yǔ)義化方面更加準(zhǔn)確
<main></main>：頁(yè)面主要內(nèi)容、唯一。如果是web應(yīng)用，則包圍其主要功能。
<body></body>：網(wǎng)頁(yè)主體標(biāo)簽
<footer></footer>：頁(yè)腳，只有當(dāng)父級(jí)是body時(shí)，才是整個(gè)頁(yè)面的頁(yè)腳。
2.內(nèi)容篇
<hn></hn>：h1~h6分級(jí)標(biāo)題，用于創(chuàng)建頁(yè)面信息的層級(jí)關(guān)系。
<q></q>：短的引述（跨瀏覽器問(wèn)題，盡量避免使用）。
<article></article>：包含像報(bào)紙一樣的內(nèi)容= =||是這么理解的，表示文檔、頁(yè)面、應(yīng)用或一個(gè)獨(dú)立的容器，article可以嵌套article。
<section></section>：具有相似主題的一組內(nèi)容，比如網(wǎng)站的主頁(yè)可以分成介紹、新聞條目、聯(lián)系信息等條塊。
<aside></aside>：指定附注欄，包括引述、側(cè)欄、指向文章的一組鏈接、廣告、友情鏈接、相關(guān)產(chǎn)品列表等。
<small></small>：指定細(xì)則，輸入免責(zé)聲明、注解、署名、版權(quán)。只適用于短語(yǔ)，不要用來(lái)標(biāo)記“使用條款”、“隱私政策”等長(zhǎng)的法律聲明。
<strong></strong>：表示內(nèi)容重要性。
<em></em>：標(biāo)記內(nèi)容著重點(diǎn)（大量用于提升段落文本語(yǔ)義）。
<mark></mark>：突出顯示文本（yellow），提醒讀者、在HTML5中em是表示強(qiáng)調(diào)的唯一元素，而strong則表示重要程度。
<b></b>：出于實(shí)用目的提醒讀者的一塊文字，不傳達(dá)任何額外的重要性。
<i></i>：不同于其他文字的文字。
<figure></figure>：創(chuàng)建圖（默認(rèn)有40px左右margin）。
<figcaption></figcaption>：figure的標(biāo)題，必須是figure內(nèi)嵌的第一個(gè)或者最后一個(gè)元素。
<cite></cite>：指明引用或者參考，如圖書(shū)的標(biāo)題，歌曲、電影、等的名稱(chēng)，演唱會(huì)、音樂(lè)會(huì)、規(guī)范、報(bào)紙、或法律文件等。只用于參考源本身，而不是從中引述。
<blockquoto></blockquoto>：引述文本，默認(rèn)新的一行顯示。
<time></time>：標(biāo)記時(shí)間。datetime屬性遵循特定格式，如果忽略此屬性，文本內(nèi)容必須是合法的日期或者時(shí)間格式。
<abbr></abbr>：解釋縮寫(xiě)詞。使用title屬性可提供全稱(chēng)，只在第一次出現(xiàn)時(shí)使用就ok。
<dfn></dfn>：定義術(shù)語(yǔ)元素，與定義必須緊挨著，可以在描述列表dl元素中使用。
<address></address>：作者、相關(guān)人士或組織的聯(lián)系信息（電子郵件地址、指向聯(lián)系信息頁(yè)的鏈接）。 如果提供整個(gè)頁(yè)面的作者聯(lián)系信息，一般放在頁(yè)面級(jí)footer里。不能包含文檔或者文檔等其他內(nèi)容。
<del></del>：移除的內(nèi)容。
<ins></ins>：添加的內(nèi)容。
<code></code>：標(biāo)記代碼。包含示例代碼或者文件名
<pre></pre>：預(yù)格式化文本。保留文本固有的換行和空格。
<meter></meter>：表示分?jǐn)?shù)的值或者已知范圍的測(cè)量結(jié)果。如投票結(jié)果。
<strong></strong>：定義強(qiáng)調(diào)文本，樣式為加粗，行內(nèi)元素。
3.功能篇
<progress></progress>：完成進(jìn)度。可通過(guò)js動(dòng)態(tài)更新value。
< title></title>：簡(jiǎn)短、描述性、唯一（提升搜索引擎排名）。
<meta></meta>：定義頁(yè)面的描述信息，便于搜索優(yōu)化。
<style></style>：定義內(nèi)聯(lián)的CSS樣式信息。
<img></img>：定義引入一張圖片，行內(nèi)元素。
<ul></ul>：定義無(wú)序列表，默認(rèn)有外邊距和內(nèi)邊距，塊級(jí)元素。
<ol></ol>：定義有序列表，即數(shù)字列表，默認(rèn)有內(nèi)外邊距，塊級(jí)元素。
<li></li>：定義列表的項(xiàng)目，一般被嵌套在<ul>和<ol>內(nèi)，塊級(jí)元素。
<dl></dl>：自定義列表的項(xiàng)目，默認(rèn)有外邊距和內(nèi)邊距，塊級(jí)元素。
<dt></dt>：自定義列表的標(biāo)題，嵌套在<dl>內(nèi)，與<dd>區(qū)別，塊級(jí)元素。
<dd></dd>：自定義列表的內(nèi)容，嵌套在<dl>內(nèi)，與<dt>區(qū)別，塊級(jí)元素。
<table></table>： 定義表格。
<tr></tr>： 定義表格中的行。
<td></td> ：定義表格中的單元。
<th></td> ：定義表格中的表頭單元格。
<thead></thead>： 定義表格中的表頭內(nèi)容。
<tbody></tbody> ：定義表格中的主體內(nèi)容。
<tfoot></tfoot> ：定義表格中的表注內(nèi)容（腳注）。
<frame></frame>：定義框架集的窗口或框架。
