HTML通过和标签原生支持上标下标，分别用于数学公式、化学式等场景，如m²用2，H₂O用2，二者可嵌套使用于复杂表达式，且语义清晰、利于可访问性。
在HTML中，想要实现上标或下标效果，不需要使用CSS也能轻松完成。HTML提供了和两个原生标签，分别用于定义上标和下标内容，适用于数学公式、化学式、版权符号等常见场景。
HTML上标标签
标签用于将文本设置为上标，通常显示在当前行文字的右上方，字体略小。
常见用途包括：
表示平方单位，如 m2、m3 版权或注册符号，如 © 2025、® 数学表达式，如 xn示例代码：
面积单位：m2
立即学习“前端免费学习笔记（深入）”；
版权所有：© 2025
HTML下标标签
标签用于将文本设置为下标，通常显示在当前行文字的右下方，常用于化学分子式或数学脚标。
典型应用场景：
化学式，如 H2O、CO2 数学序列，如 ai、x1示例代码：
水的化学式：H2O
微尔企业网站管理系统1.75 build build 090709查看详情系统功能介绍 1 包含企业网站所必备的功能：企业信息、产品管理、人才招聘、新闻资讯、企业图片、以及视频下载等模块2 由于是从CMS系统的基础上开发而成，因此相对于一些其他的企业网站管理系统，本系统具备更强的可扩展能力，可以胜任从小型工作室到大中型企业网上门户等各种不同规模网站的需求。3 后台管理与模板完全分离，并具备非常灵活的标签技术，可以实现无限制个性化的界面定制4 操作简单，利用已经制作好的模
数组元素：an
上下标可以嵌套使用
在复杂表达式中，可同时使用和，比如科学计数法或带电荷的离子符号。
示例：
离子表示：SO42-
科学计数法：1.2 × 106
注意：嵌套顺序不影响显示效果，浏览器会自动按位置排布。
与CSS相比的优势
虽然用CSS的 vertical-align 也能实现类似效果，但和语义更清晰，代码更简洁，且对屏幕阅读器等辅助工具更友好，利于网页可访问性（Accessibility）。
基本上就这些。合理使用和，能让文本中的特殊格式更标准、更易读。不复杂但容易忽略细节。
以上就是HTML上下标标签用法_HTML sup/sub标签上下标实现的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1584572.html
微信扫一扫 
支付宝扫一扫 
