HTML上标和下标

在 HTML 中，可以用 <sup> 表示上标，用 <sub> 表示下标。它们适合用于数学表达式、化学式、脚注标记等需要调整文字基线的位置。

上标：<sup>

上标会把内容显示在正常文字的上方。

A<sup>A</sup>

显示效果：A^A

常见例子：

x<sup>2</sup> + y<sup>2</sup> = z<sup>2</sup>

显示效果：x² + y² = z²

下标：<sub>

下标会把内容显示在正常文字的下方。

A<sub>A</sub>

显示效果：A_A

常见例子：

H<sub>2</sub>O

显示效果：H₂O

使用建议

HTML 标签在普通 HTML 文档中不区分大小写，所以 <SUB> 通常也能显示为下标。不过为了代码风格统一，也便于和现代 HTML 写法保持一致，建议使用小写形式：<sub> 和 <sup>。

如果只是为了视觉效果调整文字位置，也可以用 CSS；但如果内容本身就是上标或下标，例如指数、化学式中的数字，直接使用 <sup> 和 <sub> 更清晰。