试一试
<p>
Almost every developer's favorite molecule is
C<sub>8</sub>H<sub>10</sub>N<sub>4</sub>O<sub>2</sub>, also known as
"caffeine."
</p>
p {
font:
1rem "Fira Sans",
sans-serif;
}
属性
此元素仅包含全局属性。
用法说明
<sub> 元素应仅出于排版原因使用——即，为了改变文本位置以符合排版约定或标准，而不是仅仅为了呈现或外观目的。
例如，使用 <sub> 为公司名称的 Logo 变体 中使用的、具有修改基线的名称进行样式设置是不合适的；此时应使用 CSS。例如，可以使用 vertical-align 属性，其声明类似于 vertical-align: sub，或者为了更精确地控制基线偏移，可以使用 vertical-align: -25%。
<sub> 的合适用例包括（但不限于）：
示例
脚注编号
传统脚注使用数字表示，这些数字以下标形式呈现。这是 <sub> 的一个常见用例。
html
<p>
According to the computations by Nakamura, Johnson, and Mason<sub>1</sub> this
will result in the complete annihilation of both particles.
</p>
结果
变量下标
在数学中，与同一概念相关的变量族（例如同一轴线上的距离）使用相同的变量名表示，后面跟着下标。例如：
html
<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>
结果
化学式
在书写化学式（例如 H20）时，分子中给定元素的原子数量用下标数字表示；以水为例，下标的“2”表示分子中有两个氢原子。
另一个例子
html
<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>
结果
技术摘要
规范
| 规范 |
|---|
| HTML # sub 和 sup 元素 |
浏览器兼容性
加载中…