27 Markdown 上标、下标

1. 前言

上标、下标是一种文字的特殊写法，常用于化学式、数学公式、引用文字的脚注等。

Markdown 的原生语法不支持上、下标的写法。我们需要通过 html 标签实现此类效果。

环境说明：
考虑到 Markdown 工具之间的不兼容，有的内容直接从页面复制粘贴到本地不会正常显示，大家学习时自己动手写是肯定没问题的。本节所有实例代码及演示效果均使用 Typora 工具完成。

2. 语法详解

在 Markdown 中，我们可以通过 <sub> 和 <sup> 标签来实现上标和下标。

实例 1：

使用上标表示数学公式。

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

其渲染效果如下：

实例 2：

使用上标表示特殊语义。

Windows 10 <sup>TM</sup>

其渲染效果如下：

实例 3：

使用下标书写化学公式。

2KClO<sub>3</sub> ==== 2KCl + 3O<sub>2</sub>↑

其渲染效果如下：

实例 4：

上标下标嵌套使用。

a<sup>b<sub>c<sup>d</sup></sub></sup>

其渲染效果如下：

实例 5：

使用特殊符号作为上标。

IMOOC<sup>©</sup>

其渲染效果如下：

3. 使用场景及实例

上标、下标经常出现在理工类学术文章中。

实例 6：

可爱的化学方程式。

你的美（镁）偷走了我的<font color="red">❤</font>（锌)!!!

Mg + ZnSO<sub>4</sub> == MgSO<sub>4</sub> + Zn

其渲染效果如下：

4. 小结

• Markdown 原生语法不支持「上标」、「下标」，需要通过 html 标签实现该效果；
• Markdown 的上标和下标，在写论文的时候非常重要。