标签不是html原生标签，需mathml规范支持，现代浏览器原生支持差，推荐用mathjax等js库渲染。
<math></math> 标签不是标准 HTML 原生支持的标签，浏览器默认不解析、不渲染——直接写 <math>...</math> 会当作未知元素忽略，或仅显示为纯文本。
为什么 <math></math> 在普通 HTML 中不生效
HTML5 规范中并未将 <math></math> 纳入标准元素；它属于 MathML（Mathematical Markup Language）规范，需满足两个前提才能正常渲染：文档类型声明为 XHTML + MIME 类型为 application/xhtml+xml，或依赖 JavaScript 渲染引擎（如 MathJax、KaTeX）进行转换。现代浏览器对原生 MathML 支持极不统一：Firefox 支持较好，Chrome/Safari 仅部分支持（且需开启实验性标志），Edge 行为随版本波动。
用 MathJax 实现兼容性最强的公式渲染
绝大多数实际项目（尤其静态页面、博客、文档站点）选择 MathJax，因为它不依赖浏览器原生支持，纯 JS 解析，兼容所有主流浏览器。只需在 中引入 CDN，并启用 tex 或 mathml 输入处理器：
<script src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
之后即可混用 LaTeX 语法（推荐）或 MathML：
- 行内公式用
$...$或(...)（需配置tex: {inlineMath: [['$', '$'], ['\(', '\)']]}） - 独立公式块用
$$...$$或[...] - 避免直接写
<math></math>—— MathJax 会自动忽略未启用 MathML 处理器时的该标签
若坚持用原生 <math></math>，必须满足这些条件
仅限特定场景（如 Firefox 专用内部工具、XHTML 应用），且需同时满足：
如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
- 文件后缀为
.xhtml，而非.html - HTTP 响应头
Content-Type必须是application/xhtml+xml（本地双击打开的 file:// 不满足） - DOCTYPE 声明为
- 根元素为
，且<math></math>必须在命名空间内使用
示例片段（非 HTML5，不可混用 HTML5 语义标签）：
<math xmlns="http://www.w3.org/1998/Math/MathML"><mi>x</mi><mo>+</mo><mn>1</mn></math>
常见错误与替代建议
开发者常踩的坑包括：
- 在
.html文件里直接写<math>...</math>，页面毫无反应 —— 这是预期行为，不是代码写错 - 误以为 Chrome 最新版已全面支持 MathML —— 实际仍需手动启用
chrome://flags/#mathml，且不稳定 - 用
innerHTML = '<math>...</math>'动态插入，但未设置命名空间 —— 应用document.createElementNS('http://www.w3.org/1998/Math/MathML', 'math') - 追求“纯 HTML”而放弃 MathJax —— 实际开发中，加载一个轻量 JS 库比调试跨浏览器 MathML 兼容性更省时
真正需要原生 <math></math> 的场景极少；多数情况下，选 MathJax + LaTeX 语法是最可靠、最易维护的路径。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
