返回介绍

27 Markdown 上标、下标

发布于 2020-06-06 11:00:34 字数 2545 浏览 1540 评论 0 收藏 0

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文