2.2 語義化

語義化

沒有 CSS 的 HTML 是一個語義系統(tǒng)而不是 UI 系統(tǒng)。

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

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

常見標(biāo)簽語義

示例

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

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

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