编程笔记 html5&css&js 034 HTML MathML

一、HTML5 MathML

HTML5 可以在文档中使用 MathML 元素,对应的标签是 <math>...</math>
MathML 是数学标记语言,是一种基于XML(标准通用标记语言的子集)的标准,用来在互联网上书写数学符号和公式的置标语言。

二、看实例

<!DOCTYPE html>
<html lang="zh-cn">
    <title>编程笔记 html5&css&js HTML Canvas</title>
    <meta charset="utf-8" />
    <style>
        body {
            color: cyan;
            background-color: teal;
        }
        .container {
            width: 500px; /* 设置容器的宽度 */
            margin: 0 auto; /* 将左右边距设置为自动 */
            line-height: 2;
        }
    </style>
    <body>
        <div class="container">
            <!-- xmlns="http://www.w3.org/1998/Math/MathML" -->
            <math>
                <mrow>
                    <msup><mi>a</mi><mn>2</mn></msup>
                    <mo>+</mo>
                    <msup><mi>b</mi><mn>2</mn></msup>
                    <mo>=</mo>
                    <msup><mi>c</mi><mn>2</mn></msup>
                </mrow>
            </math>
        </div>
    </body>
</html>

小结

据说这个标签不是所有浏览器都支持,上述代码在Edge上运行通过。

01-16 13:47