- 01 Markdown 简介
- 02 Markdown 导出 HTML
- 03 Markdown 分级标题
- 04 Markdown 段落
- 05 Markdown 分割线
- 06 Markdown 列表
- 07 Markdown 引用
- 08 Markdown 强调
- 09 Markdown 辅助线
- 10 Markdown 字体字号
- 11 Markdown 前景色、背景色
- 12 Markdown 行内代码
- 13 Markdown 代码块
- 14 Markdown 超链接
- 15 Markdown 图片
- 16 Markdown 任务列表
- 17 Markdown 特殊符号
- 18 Markdown 代码高亮
- 19 Markdown 注释
- 20 Markdown 表格
- 21 Markdown 流程图
- 22 Markdown 时序图
- 23 Markdown 类图
- 24 Markdown 状态图
- 25 Markdown 甘特图
- 26 Markdown 饼图
- 27 Markdown 上标、下标
- 28 Markdown 数学公式
- 29 Markdown 脚注尾注
- 30 Markdown 生成目录
- 31 Markdown 综合实例
文章来源于网络收集而来,版权归原创者所有,如有侵权请及时联系!
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 的上标和下标,在写论文的时候非常重要。
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论