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