HTML上下标怎么写？sup和sub标签使用教程

想知道HTML中如何书写上下标吗？本文将详细介绍使用`<sup>`和`<sub>`标签创建上标和下标的方法，并提供实用教程。``标签用于生成上标文本，如数学公式中的x²和版权符号，而``标签则用于创建下标文本，常见于化学式H₂O。正确使用这两个标签不仅能提升网页内容的语义化，还能增强其可访问性。了解如何在HTML中使用``和``标签，让你的网页内容更专业、更易理解！本文还包含使用建议和注意事项，助你掌握HTML上下标的正确用法，优化你的网站SEO。</sub></sup>

使用和标签可分别创建上标和下标，适用于数学公式、化学式等场景，如x²和H₂O，提升内容语义与可访问性。

在HTML中，如果想让文字显示为上标或下标，可以使用 和 标签。这两个标签分别用于定义上标文本（superscript）和下标文本（subscript），常用于数学公式、化学式、版权符号等场景。

1. 上标文本： ^标签

标签会将包裹的文本显示为上标，也就是字体变小并移到基线以上。常见于幂次、版权信息等。

例如：

<p>x<sup>2</sup> + y<sup>2</sup> = z<sup>2</sup></p>
<p>版权所有 © 2025<sup>TM</sup></p>

显示效果：
x² + y² = z²
版权所有 © 2025™

2. 下标文本： _标签

标签用于创建下标文本，字符会变小并下移，常用于化学分子式或数学表达式。

例如：

<p>水的化学式是 H<sub>2</sub>O</p>
<p>CO<sub>2</sub> 是二氧化碳的分子式</p>

显示效果：
水的化学式是 H₂O
CO₂ 是二氧化碳的分子式

3. 注意事项与使用建议

• 这两个标签是行内元素，不会独占一行，适合嵌入段落中使用。
• 不要滥用 sup 或 sub 来实现视觉样式（如缩小文字、调整位置），应使用CSS处理样式问题，语义化才是它们的核心用途。
• 可嵌套使用，但不推荐多层嵌套，以免影响可读性和维护性。
• 在屏幕阅读器等辅助工具中，这些标签有助于传达正确语义，提升网页可访问性。

理论要掌握，实操不能落！以上关于《HTML上下标怎么写？sup和sub标签使用教程》的详细介绍，大家都掌握了吧！如果想要继续提升自己的能力，那么就来关注golang学习网公众号吧！