如何在 HTML 中使用 MathML

Question

我正在尝试在网页上显示数学公式。但是当我写 html 代码时

<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
    <title>Binomial Theorem</title>
</head>
<body>
<p>Binomial Theorem:</p>
<math xmlns="http://www.w3.org/1998/Math/MathML">
    <mrow>
        <msup>
            <mfenced>
                <mrow>
                    <mi>a</mi>
                    <mo>+</mo>
                    <mi>b</mi>
                </mrow>
            </mfenced>
            <mn>2</mn>
        </msup>
        <mo>=</mo>
        <msup>
            <mrow>
                <mi>a</mi>
            </mrow>
            <mn>2</mn>
        </msup>
        <mo>+</mo>
        <msup>
            <mrow>
                <mi>b</mi>
            </mrow>
            <mn>2</mn>
        </msup>
        <mo>+</mo>
        <mrow>
            <mn>2</mn>
            <mi>a</mi>
            <mi>b</mi>
        </mrow>
    </mrow>
</math>
</body>
</html>

结果就是

二项式定理：

a + b 2 = a 2 + b 2 + 2 a b

不像公式

帮助我在 HTML 中使用 MathML 谢谢，

Answer 1

MathML 目前仅在 Firefox 浏览器上受支持。在 Firefox 浏览器上试试。

Answer 2

并非所有流行的用户代理都支持 MathML。例如，Firefox 3.5 或更高版本支持它：

Answer 3

我会对您的页面进行 3 处更改：

在代码的第一行包含 DOCTYPE 声明。 <!DOCTYPE html> 将此页面标识为浏览器的 HTML5 页面。
我将省略 html 元素中的命名空间声明。把它放在那里没有什么坏处，但这不是必需的。无论如何，您可能会将其包含在每个 math 元素中。
如果您将此添加为 </head> 上方的最后一行，数学将在所有浏览器中可见，而不仅仅是 Firefox：

<script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>

如何在 HTML 中使用 MathML

how to use MathML in HTML

html

mathml