MathML是W3C制定的用于网页展示数学公式的XML标准，分Presentation（排版美观）和Content（表达语义）两类；HTML5原生支持，通过标签嵌入，需指定xmlns和display属性；Safari、Firefox支持最佳，Chrome/Edge需新版或开启flag，兼容性方案可用MathJax。

MathML 是 W3C 制定的、专为网页展示数学公式设计的 XML 标准。它不是图片，也不是靠 CSS 拼出来的视觉效果，而是用结构化标签描述公式“长什么样”和“是什么意思”，让浏览器、屏幕阅读器、搜索引擎都能真正理解数学内容。

MathML 的两种类型：显示和语义

它分两类，日常用得最多的是Presentation MathML（表示型），负责把公式排版得准确美观，比如分数、上下标、根号嵌套；另一类是Content MathML（内容型），侧重表达数学含义，比如“这是求导运算”“这是向量点积”，适合教育软件或辅助计算，但写起来复杂，网页中较少直接使用。

怎么在 HTML 里嵌入 MathML

HTML5 原生支持 MathML，只要写对命名空间和 display 属性就行：

• 行内公式（和文字同一行）：<math xmlns="http://www.w3.org/1998/Math/MathML" display="inline">...</math>
• 块级公式（独占一行、居中）：<math xmlns="http://www.w3.org/1998/Math/MathML" display="block">...</math>
• 最简写法（现代浏览器可省略命名空间，但加了更稳妥）

实际例子：二次方程求根公式

下面这段代码就能在支持的浏览器中正确渲染标准求根公式：

SEO Competitor Analyzer

分析竞争对手网站，识别关键词空白、SEO薄弱环节、内容机会和反向链接策略，提供优先排序且可执行的建议。

下载

<math xmlns="http://www.w3.org/1998/Math/MathML">
  <mi>x</mi>
  <mo>=</mo>
  <mfrac>
    <mrow><mo>-</mo><mi>b</mi><mo>&#xB1;</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>
</math>

注意：<mi></mi> 表示变量（如 x、a），<mo></mo> 是运算符（+、=、±），<mn></mn> 是数字，<msup></msup> 控制上标（如平方），<mfrac></mfrac> 和 <msqrt></msqrt> 分别生成分数和根号——每个标签都有明确语义。

兼容性和实用建议

Safari 和 Firefox 对 MathML 支持最好，原生渲染稳定；Chrome 和 Edge 已逐步加入实验性支持（需开启 flag 或更新到新版）；如果需要全平台兼容，可搭配 MathJax（自动检测并回退渲染），但纯 MathML 更轻量、更语义化、更利于无障碍访问和 SEO。

基本上就这些。