Markdown 里写公式,别只知道 LaTeX!试试 HTML 标签,简单到飞起

家人们,谁懂啊!每次在 Markdown 笔记里遇到数学公式,虽然知道 LaTeX 语法很强大,但就是写个小小的下标或者上标,都要去查 _{} 或者 ^{},写完还要前后加 $,效率低到离谱。😫

直到今天,我突然发现------HTML 的 <sub> 和 <sup> 标签,在 Markdown 里竟然可以直接用!

今天就来跟家人们分享一下这个超简单的小技巧,让你的公式输入速度快到飞起!🚀

一、痛点场景:我只是想写个 H₂O 而已

举个栗子,如果你在 Markdown 里用 LaTeX 写水分子式:

ruby 复制代码
$$H_{2}O$

![](https://oss.xyyzone.com/jishuzhan/article/2042952333819183106/50297c23cc5ec6d057ac658e564bba56.svg+xml; charset=utf-8)

是不是觉得有点麻烦?既要记忆语法,又要多敲好几个字符。万一公式多了,整个文档的阅读体验在源码模式下简直是噩梦......

二、救星登场:<sub> 和 <sup> 标签

1. <sub> 下标标签

<sub> 标签定义下标文本。比如你想写水的化学式 H₂O,只需:

lua 复制代码
H<sub>2</sub>O

渲染效果:H2O

2. <sup> 上标标签

<sup> 标签定义上标文本。比如你想写勾股定理 a² + b² = c²:

css 复制代码
a<sup>2</sup> + b<sup>2</sup> = c<sup>2</sup>

渲染效果:a2 + b2 = c2

是不是简单粗暴?根本不需要记忆任何 LaTeX 指令!并且所有markdown 编译器均支持

三、更多实用场景展示

场景 写法 显示效果
摄氏度 35<sup>。</sup>C 35。C
版权符号 Copyright<sup>©</sup> 2025 Copyright© 2025
数学指数 2<sup>n</sup> 2n
同位素 <sup>14</sup>C 14C
脚注参考 这是一句话<sup>[1]</sup> 这是一句话1

四、优点总结

  1. 零学习成本:只要你懂一点点 HTML,立刻上手。
  2. 跨平台兼容:几乎所有支持 Markdown 的编辑器(Typora、VS Code、Obsidian、Notion)都完美支持内嵌 HTML 标签。
  3. 代码可读性高:相比 LaTeX 的花括号,标签语义更清晰。
  4. 适合轻量场景:当你不需要复杂的矩阵、积分时,用标签快得多。

五、什么时候还是要用 LaTeX?

虽然 <sub> 和 <sup> 很好用,但如果遇到以下情况,还是得老老实实写 LaTeX:

  • 复杂的分数:$\frac{1}{2}$
  • 根号:$\sqrt{2}$
  • 求和、积分符号
  • 矩阵排版

结论: 简单上下标用 HTML 标签,复杂公式再用 LaTeX,两者结合,效率最高!

写在最后

有时候我们总想找复杂的插件、学复杂的语法来解决一个问题,殊不知最简单的 HTML 原生能力就藏在 Markdown 的底层支持里。

希望这个小分享能让家人们的笔记更清爽、打字更快!如果你也有类似的 Markdown 偷懒小技巧,欢迎在评论区分享哦~ 👇

Markdown 虽小,技巧不少,我们一起探索! 🎉

相关推荐
web打印社区5 小时前
HTML5 静默打印:前端页面怎么调用打印机且尽量不弹窗
前端·javascript·vue.js·pdf·html·html5
web打印社区1 天前
政务办事大厅:叫号小票、办理回执网页怎么静默出纸
前端·javascript·vue.js·pdf·html·政务
IMPYLH2 天前
HTML 的 <title> 元素
前端·javascript·html
杨超越luckly2 天前
上海社零数据:消费结构分化——1.66万亿盘子从+7.2%到-1.0%的十五年观察
html·agent·数据可视化·上海·社会消费品零售总额
用户298698530143 天前
在 React 中使用 JavaScript 将 HTML 转换为 PDF
javascript·react.js·html
吴声子夜歌3 天前
HTML——结构化微数据语言简介
前端·数据库·html
吴声子夜歌3 天前
HTML——Web Components开发
前端·html
赵得C3 天前
创建 SVG 图标预览页面:从零实现到解决 CORS 问题
前端·javascript·html
IMPYLH3 天前
HTML 的 <th> 元素
前端·html
IMPYLH3 天前
HTML 的 <thead> 元素
前端·html