title | slug | l10n | ||
---|---|---|---|---|
<sub>:下标元素 |
Web/HTML/Element/sub |
|
{{HTMLSidebar}}
HTML <sub>
元素用于指定应显示为下标的行内文本,这完全是出于排版的原因。下标通常使用较小的文本以较低的基线显示。
{{EmbedInteractiveExample("pages/tabbed/sub.html", "tabbed-shorter")}}
这个元素仅仅包含全局属性。
<sub>
元素只能用于排版原因,即改变文本的位置以符合排版惯例或标准,而不能仅用于呈现或外观目的。
例如,如果一家公司的 wordmark 中使用了改变的基线,那么使用 <sub>
对公司名称进行样式调整就不合适;相反,应该使用 CSS。例如,可以使用 {{cssxref("vertical-align")}} 属性,并声明 vertical-align: sub
;或使用 vertical-align: -25%
,以更精确地控制基线移动。
<sub>
的适当用例包括(但不限于):
- 标记脚注编号。参见脚注编号以了解示例。
- 标注数学变量编号中的下标(当然,也可以考虑使用 MathML 公式来标注)。参见变量下标。
- 表示化学式中某一元素的原子数(如每个开发者最好的朋友,C8H10N4O2,也称为“咖啡因”)。参见化学式。
传统上,脚注使用渲染为下标的数字标注。这是 <sub>
的一种常见用例:
<p>
根据 Nakamura、Johnson 和 Mason 的计算<sub>1</sub>,这将导致两个粒子完全湮灭。
</p>
{{EmbedLiveSample("脚注编号", 650, 80)}}
在数学中,与同一概念(如沿同一坐标轴的距离)相关的变量族使用相同的变量名和后面的下标来表示。例如:
<p>
沿 X 轴的水平坐标的位置表示为 <var>x<sub>1</sub></var> … <var>x<sub>n</sub></var>。
</p>
{{EmbedLiveSample("变量下标", 650, 80)}}
在书写化学式(如 H20)时,所述分子中特定元素的原子数用下标数字表示;就水而言,下标“2”表示分子中有两个氢原子。
另外一个示例:
<p>
几乎每个开发人员最喜欢的分子都是
C<sub>8</sub>H<sub>10</sub>N<sub>4</sub>O<sub>2</sub>,它通常被称为“咖啡因”。
</p>
{{EmbedLiveSample("化学式", 650, 120)}}
内容分类 | 流式内容、短语内容、可感知内容。 |
---|---|
允许的内容 | 短语内容。 |
标签省略 | 不允许,开始标签和结束标签都是必需的。 |
允许的父元素 | 任何接受短语内容的元素。 |
隐式 ARIA 角色 |
subscript
|
允许的 ARIA 角色 | 任何 |
DOM 接口 | {{domxref("HTMLElement")}} |
{{Specifications}}
{{Compat}}