[TOC=2,3] 沒有 `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](https://wenku.baidu.com/view/0a8d3774f242336c1eb95ea9.html)。