HTML 文本格式化

HTML 提供了一系列标签来控制文本的外观和含义。有些标签是表现性的（只看外观），有些是语义化的（传达含义）。

加粗与强调

标签	含义	外观
`<b>`	仅加粗，无语义	粗体
`<strong>`	表示重要/紧急	粗体

html

<p>这个单词<b>加粗</b>了，但没有特殊含义。</p>
<p>请注意：<strong>此操作不可撤销！</strong></p>

屏幕阅读器会对 <strong> 加重语气朗读，对 <b> 则不会。优先使用 <strong> 来表达重要性。

斜体与强调

标签	含义	外观
`<i>`	仅斜体，无语义	斜体
`<em>`	表示强调	斜体

html

<p>船名<i>泰坦尼克号</i>用斜体表示。</p>
<p>我<em>真的</em>不想去。</p>

其他格式化标签

标签	说明	示例
`<mark>`	高亮/标记	`<mark>搜索结果</mark>`
`<del>`	删除线（已删除内容）	`<del>原价￥199</del>`
`<ins>`	下划线（插入内容）	`<ins>现价￥99</ins>`
`<sub>`	下标	`H<sub>2</sub>O`
`<sup>`	上标	`x<sup>2</sup> + y<sup>2</sup>`
`<small>`	小号文字（附属说明）	`<small>© 2026 版权所有</small>`
`<code>`	行内代码	`<code>console.log()</code>`
`<kbd>`	键盘按键	`<kbd>Ctrl</kbd> + <kbd>C</kbd>`

html

<p>化学式 H<sub>2</sub>O，勾股定理 a<sup>2</sup> + b<sup>2</sup> = c<sup>2</sup>。</p>
<p><del>发布会定在周一</del> <ins>改为周三</ins>。</p>
<p>按 <kbd>Ctrl</kbd> + <kbd>S</kbd> 保存文件。</p>

HTML 文本格式化标签不是为了取代 CSS。如果只是想要外观效果（比如让一段文字变大变红），应该用 CSS，而不是滥用语义标签。