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 虽小,技巧不少,我们一起探索! 🎉

相关推荐
java1234_小锋8 小时前
【技术专题】HTML5 网页技术 - Web Storage 本地存储 & 文件 API & 拖放 API
前端·html·html5
狮子座的男孩8 小时前
html+css基础:24、2D变换(位移/缩放/旋转/扭曲(了解)/多重变换/变换原点)
前端·css·经验分享·html·2d位移·原点变换·缩放/旋转/扭曲
java1234_小锋1 天前
【技术专题】HTML5 网页技术 - HTML5 SVG
前端·html·html5
Data_Journal2 天前
如何使用 Python 解析 HTML
python·html
java1234_小锋3 天前
【技术专题】HTML5 网页技术 - HTML5 Canvas 基础以及动画入门
前端·html·html5
keyipatience3 天前
TypeScript学习(1)
前端·javascript·学习·typescript·html·css3
java1234_小锋3 天前
【技术专题】HTML5 网页技术 - HTML5 语义化标签
前端·html·html5
asdzx673 天前
C# 将 HTML 转换为 PDF:基于 Chrome 的转换方案
pdf·c#·html
王大师王文峰3 天前
HTML 入门到进阶:语义化标签、表单与多媒体一篇打通【语义化布局、表单校验、video/audio、Canvas、无障碍与 SEO】
前端·css·node.js·html·css3·jquery·html5
java1234_小锋4 天前
【技术专题】HTML5 网页技术 - HTML5 表单基础以及增强
前端·html·html5