語(yǔ)義化

沒(méi)有 CSS 的 HTML 是一個(gè)語(yǔ)義系統(tǒng)而不是 UI 系統(tǒng)。

通常情況下，每個(gè)標(biāo)簽都是有語(yǔ)義的，所謂語(yǔ)義就是你的衣服分為外套， 褲子，裙子，內(nèi)褲等，各自有對(duì)應(yīng)的功能和含義。所以你總不能把內(nèi)褲套在脖子上吧。-- 一絲

此外語(yǔ)義化的 HTML 結(jié)構(gòu)，有助于機(jī)器（搜索引擎）理解，另一方面多人協(xié)作時(shí)，能迅速了解開(kāi)發(fā)者意圖。

常見(jiàn)標(biāo)簽語(yǔ)義

示例

將你構(gòu)建的頁(yè)面當(dāng)作一本書，將標(biāo)簽的語(yǔ)義對(duì)應(yīng)的其功能和含義；

• 書的名稱：<h1>
• 書的每個(gè)章節(jié)標(biāo)題: <h2>
• 章節(jié)內(nèi)的文章標(biāo)題: <h3>
• 小標(biāo)題/副標(biāo)題: <h4> <h5> <h6>
• 章節(jié)的段落: <p>

更多語(yǔ)義化的內(nèi)容，參考 sofish 寫的文章 這樣去寫你的 HTML。