總結：為什麼要用語意標籤？

1. SEO 友善：搜尋引擎能看懂重點。
2. 無障礙（Accessibility）：螢幕閱讀器會用不同語氣讀出 strong 和 em。
3. 代碼維護：明確傳達內容的意義，而不僅是長相。

粗體顯示：<b> vs <strong>

• <b>：純粹視覺上的粗體（Bring Attention）。
• <strong>：代表內容具有重要性、嚴重性（Importance）。

斜體顯示：<i> vs <em>

• <i>：視覺上的斜體，常用於學名、外來語、專有名詞。
• <em>：代表語氣上的強調（Stress Emphasis），會改變句子重心。

附屬細則：<small>

• <small> (Small print)：在 HTML5 中代表附屬資訊。
• 常用於：版權聲明、法律條款、補充說明。

重點高亮：<mark>

• <mark>：代表為了引用或醒目而標記出的重點（如同螢光筆）。
• 用途：搜尋結果中的關鍵字高亮、強調段落中的特定字詞。

修訂標記：<del> vs <ins>

• <del> (Deleted)：代表已刪除的內容，通常帶有刪除線。
• <ins> (Inserted)：代表新插入的內容，通常帶有下劃線。
• 常用於：文件改版、合約修訂、電商特價顯示。

下標文字：<sub>

• <sub>_(Subscript)：定義下標內容。
• 用途：化學分子式、數學下標索引。

上標文字：<sup>

• <sup>^{(Superscript)}：定義上標內容。
• 用途：數學次方（平方/立方）、單位標記、文件腳註引用。