HTML MathML 数学标记语言

MathML数学标记：<math>元素/mrow分组/msup上标/msub下标/mfrac分数/msqrt根号/mi标识符/mn数字/mo运算符、浏览器支持、MathJax/KaTeX替代方案 · 难度：入门 · +10XP

HTML MathML —— 在网页上写数学公式

要在网页上显示数学公式（分数、根号、上标下标），MathML是W3C官方标准。

基本结构——二次方程求根公式

<math xmlns="http://www.w3.org/1998/Math/MathML">
  <mrow>
    <mi>x</mi><mo>=</mo>
    <mfrac>
      <mrow>
        <mo>-</mo><mi>b</mi><mo>±</mo>
        <msqrt>
          <msup><mi>b</mi><mn>2</mn></msup>
          <mo>-</mo><mn>4</mn><mi>a</mi><mi>c</mi>
        </msqrt>
      </mrow>
      <mrow><mn>2</mn><mi>a</mi></mrow>
    </mfrac>
  </mrow>
</math>

常用标签

实际项目中更常用KaTeX或MathJax库——用LaTeX语法写公式自动渲染。但理解MathML底层原理仍然重要。

动手练习

1. 基础练习：用MathML写出勾股定理a²+b²=c²。
2. 进阶应用：用MathML写出爱因斯坦质能方程E=mc²。
3. 项目实战：在同一个页面分别用MathML和KaTeX渲染同一个公式，对比效果和兼容性。