<sub>: 下标元素

此元素仅包含 全局属性。

<sub> 元素仅应出于排版原因使用，即更改文本位置以符合排版约定或标准，而不是仅仅为了呈现或外观目的。

例如，使用 <sub> 来设置使用更改后的基线在其 文字标记 中的公司名称将不合适；相反，应该使用 CSS。例如，您可以将 vertical-align 属性与类似 vertical-align: sub 的声明一起使用，或者为了更精确地控制基线偏移，使用 vertical-align: -25%。

<sub> 的适当用例包括（但不限于）

• 标记脚注编号。请参阅 脚注编号 以获取示例。
• 标记数学变量编号中的下标（尽管您也可以考虑为此使用 MathML 公式）。请参阅 变量下标。
• 表示化学式中给定元素的原子数（例如，每个开发人员最好的朋友，C ₈ H ₁₀ N ₄ O ₂，也被称为“咖啡因”）。请参阅 化学式。

传统的脚注使用下标渲染的数字表示。这是 <sub> 的常见用例。

<p>
  According to the computations by Nakamura, Johnson, and Mason<sub>1</sub> this
  will result in the complete annihilation of both particles.
</p>

结果

在数学中，与同一概念相关的变量族（例如，沿同一轴的距离）使用带有下标的相同变量名称表示。例如

<p>
  The horizontal coordinates' positions along the X-axis are represented as
  <var>x<sub>1</sub></var> … <var>x<sub>n</sub></var>.
</p>

结果

在写化学式时，例如 H₂0，描述的分子中给定元素的原子数使用下标数字表示；在水的例子中，下标“2”表示分子中存在两个氢原子。

另一个例子

<p>
  Almost every developer's favorite molecule is
  C<sub>8</sub>H<sub>10</sub>N<sub>4</sub>O<sub>2</sub>, which is commonly known
  as "caffeine."
</p>

结果

• 产生上标的 <sup> HTML 元素。请注意，您不能同时使用 sup 和 sub：您需要使用 MathML 来在元素的化学符号旁边产生一个直接在上标上方的下标，表示其原子序数和其核数。
• MathML 元素 <msub>、<msup> 和 <msubsup>。
• CSS vertical-align 属性。