<sub>: 下标标签
最后更新：2026-10-13
<sub>下标标签
定义下标文本，显示在正常基线下方，常用于化学公式（如 H₂O）和数学符号。
| 分类 | 格式化 |
|---|---|
| 内容模型 | 短语内容 |
| 允许的父元素 | 接受短语内容的元素 |
| 闭合标签 | 需要 </sub> 标签 |
| 状态 | 标准 |
📝 语法
<sub>下标</sub>▶ 示例
编辑下方代码，在 playground 中查看实时效果：
🌐 浏览器支持
| 浏览器 |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <sub> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| 所有主流浏览器均支持 | |||||
提示： 下标会改变行高，长段文字中谨慎使用，避免行距被拉乱。
❓ 常见问题
Qsub 的典型使用场景是什么？
A化学分子式（H₂O 中数字 2 的写法是
<sub>2</sub>）、数学变量下标、脚注编号等。它让文本显示在基线之下并缩小字号，语义是「下标」而不仅是视觉偏移。Qsub 和 CSS vertical-align 有什么区别？
A
<sub> 携带「下标」语义，浏览器默认样式是 vertical-align: sub 加缩小字号；CSS 可以模拟同样外观但无语义。内容确实是下标（化学式、数学符号）时用 <sub>，纯排版微调用 CSS。Qsub 会影响行高吗？
A会。下标字符下移可能增加行框高度，导致段落行距不均。解决办法是给
<sub> 设置 line-height: 0，或微调 vertical-align 的偏移量，让它在不撑开行高的前提下显示。🏷️ 相关标签
💡 相关案例
📚 相关教程
