語(yǔ)義化標(biāo)簽，顧名思義就是擁有自己含義的標(biāo)簽，其與普通標(biāo)簽有如下區(qū)別：
<p>一行文字</p>
<span>一行文字</span>
比如上面的代碼，顯示效果是一樣的，但p標(biāo)簽有自己的含義：段落。而span標(biāo)簽則沒(méi)有。
使用語(yǔ)義化標(biāo)簽的優(yōu)勢(shì)
- 可以有利于搜索引擎優(yōu)化（SEO）
- 許多解析設(shè)備（屏幕閱讀器、盲人閱讀器等）是以語(yǔ)義化的方式來(lái)渲染網(wǎng)頁(yè)的
- 使用語(yǔ)義化標(biāo)簽可以使代碼清晰，方便開(kāi)發(fā)
一些常用的語(yǔ)義化標(biāo)簽
<title>：頁(yè)面標(biāo)題內(nèi)容。
<hn>：n取值為1~6，是分級(jí)標(biāo)題。<h1>和<title>協(xié)調(diào)有利于搜索引擎優(yōu)化。
<ul>：創(chuàng)建無(wú)序列表。
<ol>：有序列表。
<li>：定義列表項(xiàng)目，可用在<ol>、<ul>、<menu>（）菜單列表中。
<header>：頁(yè)眉。通常包括網(wǎng)站標(biāo)志、搜索框、導(dǎo)航等。
<nav>：導(dǎo)航。
<main>：頁(yè)面主要內(nèi)容。一個(gè)頁(yè)面只能使用一次，若是web應(yīng)用，則包圍其主要內(nèi)容。
<section>：文檔中的區(qū)段，比如章節(jié)、頁(yè)眉、也叫或其他部分。
<article>：定義一個(gè)文章區(qū)域，其內(nèi)容本身必須是有意義的且必須是獨(dú)立于文檔的其余部分，比如論壇帖子、博客文章、新聞故事等。
<aside>：定義頁(yè)面的側(cè)邊欄內(nèi)容，如廣告、友情鏈接、相關(guān)推薦等。
<footer>：頁(yè)腳。只有當(dāng)父級(jí)是body時(shí)才是整個(gè)頁(yè)面的頁(yè)腳。
<small>：呈現(xiàn)小號(hào)字體效果，指定細(xì)則，輸入免責(zé)聲明、注解、署名、版權(quán)。
<strong>：和 em 標(biāo)簽一樣，用于強(qiáng)調(diào)文本，但它強(qiáng)調(diào)的程度更強(qiáng)一些。
<em>：將其中的文本表示為強(qiáng)調(diào)的內(nèi)容，表現(xiàn)為斜體。
<mark>：使用黃色突出顯示部分文本。
<figure>：規(guī)定獨(dú)立的流內(nèi)容（圖像、圖表、照片、代碼等等）（默認(rèn)有40px左右margin）。
<figcaption>：定義 figure 元素的標(biāo)題，應(yīng)該被置于 figure 元素的第一個(gè)或最后一個(gè)子元素的位置。
<cite>：表示所包含的文本對(duì)某個(gè)參考文獻(xiàn)的引用，比如書(shū)籍或者雜志的標(biāo)題。
<blockquoto>：定義塊引用，塊引用擁有它們自己的空間。
<q>：短的引述（跨瀏覽器問(wèn)題，盡量避免使用）。
<time>：datetime屬性遵循特定格式，如果忽略此屬性，文本內(nèi)容必須是合法的日期或者時(shí)間格式。
<abbr>：簡(jiǎn)稱(chēng)或縮寫(xiě)。
<dfn>：定義術(shù)語(yǔ)元素，與定義必須緊挨著，可以在描述列表dl元素中使用。
<address>：作者、相關(guān)人士或組織的聯(lián)系信息（電子郵件地址、指向聯(lián)系信息頁(yè)的鏈接）。
<del>：移除的內(nèi)容。
<ins>：添加的內(nèi)容。
<code>：標(biāo)記代碼。
<meter>：定義已知范圍或分?jǐn)?shù)值內(nèi)的標(biāo)量測(cè)量。（Internet Explorer 不支持 meter 標(biāo)簽）
<progress>：定義運(yùn)行中的進(jìn)度（進(jìn)程）。
...
轉(zhuǎn)自什么是HTML語(yǔ)義化標(biāo)簽
