# 語義化 沒有?`CSS`?的?`HTML`?是一個語義系統而不是 UI 系統。 通常情況下，每個標簽都是有語義的，所謂語義就是你的衣服分為外套， 褲子，裙子，內褲等，各自有對應的功能和含義。所以你總不能把內褲套在脖子上吧。-- 一絲 此外語義化的?`HTML`?結構，有助于機器（搜索引擎）理解，另一方面多人協作時，能迅速了解開發者意圖。 ## 常見標簽語義 | 標簽 | 語義 | | --- | --- | | `<p>` | 段落 | | `<h1> <h2> <h3> ...` | 標題 | | `<ul>` | 無序列表 | | `<ol>` | 有序列表 | | `<blockquote>` | 大段引用 | | `<cite>` | 一般引用 | | `<b>` | 為樣式加粗而加粗 | | `<storng>` | 為強調內容而加粗 | | `<i>` | 為樣式傾斜而傾斜 | | `<em>` | 為強調內容而傾斜 | | `code` | 代碼標識 | | `abbr` | 縮寫 | ## 示例 將你構建的頁面當作一本書，將標簽的語義對應的其功能和含義； * 書的名稱：`<h1>` * 書的每個章節標題:?`<h2>` * 章節內的文章標題:?`<h3>` * 小標題/副標題:?`<h4> <h5> <h6>` * 章節的段落:?`<p>` 更多語義化的內容，參考 sofish 寫的文章?[這樣去寫你的 HTML](http://wenku.baidu.com/view/0a8d3774f242336c1eb95ea9.html)。