服务端相关 / 27 Markdown 上标、下标

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 的上标和下标,在写论文的时候非常重要。