当我们阅读内容时，经常会遇到特殊格式的文本，如化学式的下标和数学公式的上标，sub 标签和sup 标签就是用来解决这个问题的。
1. 基础语法
什么是 sub 和sup标签
sub 标签用于定义下标文本，而 sup 标签用于定义上标文本。
这些标签在 HTML 文档中扮演着特殊的角色，允许我们在正常的文本行中显示稍微偏上或偏下的文字，通常用于化学公式、数学表达式以及日期和脚注的标记。
为何要使用 sub 和 sup 标签
使用 sub 和 sup 标签的主要目的是为了保持内容的语义正确性和视觉的准确性。
例如，在科学论文或数学方程式中，正确地显示化学元素的价态或数学表达式的幂次是至关重要的。
同样，为了正确地引用文献或注释，我们需要使用脚注。
如何使用 sub 和 sup 标签
只需要将需要变成下标或上标的文本包裹在 <sub> 或 <sup> 标签中即可。
适用场景
-
科学记数法
-
化学方程式
-
数学方程式中的指数和幂
-
日期和文献中的脚注引用
2. 示例演示
下面是一个包含 sub 和 sup 标签的完整 HTML 代码示例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>sub and sup Demo</title>
</head>
<body>
<p>水的化学式为H<sub>2</sub>O，其中<sub>2</sub>表示氢原子有两个。</p>
<p>质能方程式E=mc<sup>2</sup>表明了能量与质量的关系，其中<sup>2</sup>表示光速的平方。</p>
</body>
</html>在这个示例中，我们展示了如何在 HTML 中使用 sub 和 sup 标签来正确地显示化学式和物理方程式。
通过这些示例，我们可以看到 sub 和 sup 标签如何有效地增强文本内容的表现力，让信息传递更加精确。