HTML上标、下标、脚注的实现与跳转

😉(点击跳转到文末)

1. 上标

上标通常用于表示指数或者缩写, 英文名是Superscript。在HTML中，我们使用<sup>标签来创建上标。

<p>水的化学式是 H<sup>2</sup>O。</p>

水的化学式是 H²O。

2. 下标

下标则常用于化学公式中的下标, 英文名是Subscript。在HTML中，我们使用<sub>标签来创建下标。

<p>水的化学式也可以写作 H<sub>2</sub>O。</p>

水的化学式也可以写作 H₂O。

3. 脚注

脚注是文档底部的注释，用于提供额外信息或引用, 英文名是Footnotes。在HTML中，我们可以使用<footer>标签和<a>标签配合name属性来创建脚注。

3.1 正文部分

<!-- 脚注内容 -->
<footer id='fn1'>
  <p id="fn1"><a href="#ref1">😉</a></p>
</footer>

3.2 脚注部分

<!-- 文档主体中的引用 -->
<p id='ref1'><a href='fn1'>😉</a> </p>

😉(点击跳转到开头)