HTML 上标和下标

提示

1. 上标标签<sup>：HTML中的<sup>标签用于创建上标文本，使文本比正常行高出半个字符，字体较小。
2. 上标的应用场景：上标文本通常用于表示数学指数、测量单位和序数，如a² + b² = c²。
3. 下标标签<sub>：HTML中的<sub>标签用于创建下标文本，使文本比正常行低半个字符，字体较小。
4. 下标的应用场景：下标文本通常用于数学公式和化学公式，如H₂SO₄表示硫酸的化学公式。

上标

HTML <sup> 标签用于创建上标文本。<sup> 标签内的文本呈现为比正常行高出半个字符，并且字体大小较小。例如，

<p>这是一个<sup>上标</sup>文本。</p>

浏览器输出

上标的使用

上标文本通常用于指数、测量单位和序数。例如，

1. 指数中的上标

<p> a<sup>2</sup> + b<sup>2</sup> = c<sup>2<sup></p>

浏览器输出

2. 测量单位中的上标

<p>这个公园的面积是 200m<sup>2</sup>。</p>

浏览器输出

3. 序数中的上标

<p>拉姆在 100m 赛跑中获得了第 1<sup>位</sup>。</p>

浏览器输出

下标

HTML <sub> 标签用于创建下标文本。<sub> 标签内的文本呈现为比正常行低半个字符，并且字体大小较小。例如，

<p>这是一个<sub>下标</sub>文本。</p>

浏览器输出

下标的使用

下标文本通常用于数学和化学公式。例如，

1. 数学公式中的使用

<p>
  <var>x<sub>1</sub></var> … <var>x<sub>n</sub></var>
</p>

浏览器输出

2. 化学公式中的使用

<p>H<sub>2</sub>SO<sub>4</sub> 是硫酸的化学公式。</p>

浏览器输出