<sup>: 上标标签
最后更新：2026-10-13
<sup>上标标签
定义上标文本，显示在正常基线上方，常用于脚注引用（如 x²）和序数。
| 分类 | 格式化 |
|---|---|
| 内容模型 | 短语内容 |
| 允许的父元素 | 接受短语内容的元素 |
| 闭合标签 | 需要 </sup> 标签 |
| 状态 | 标准 |
📝 语法
<sup>上标</sup>▶ 示例
编辑下方代码，在 playground 中查看实时效果：
🌐 浏览器支持
| 浏览器 |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <sup> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| 所有主流浏览器均支持 | |||||
提示： 上标常用于脚注编号；配合 <a> 可做成可点击的注释链接。
❓ 常见问题
Qsup 的典型使用场景是什么？
A脚注引用编号（如 ¹ 的写法
<sup>1</sup>）、数学幂运算（2ⁿ）、序数词后缀（1st 中的 st）等。文本显示在基线之上并缩小字号，与 <sub>（下标）相对。Qsup 和 sub 可以同时用吗？
A可以在不同位置分别使用，但同一个字符不能既是上标又是下标——HTML 没有上下标叠排机制。需要叠加（如化学核素写法）时，可用 CSS 的
position: relative 手工定位两个元素实现。Qsup 影响行高怎么解决？
A与
<sub> 同理：上标上移会撑高行框。给 <sup> 设 line-height: 0，或用 vertical-align: baseline 配合 position: relative; top: -0.5em; font-size: 75% 手工模拟，可保持行距稳定。🏷️ 相关标签
💡 相关案例
📚 相关教程
