HTML5 MathML 数学标记

前言

  • HTML5 可以在文档中使用 MathML 元素。
标签 描述 备注 🔗
<math> </math> 创建数学标记 H5 新加
  • MathML 是数学标记语言,是一种基于 XML(标准通用标记语言的子集)的标准,用来在互联网上书写数学符号和公式的置标语言。

  • 注意:大部分浏览器都支持 MathML 标签,如果你的浏览器不支持该标签,可以使用最新版的 Firefox 或 Safari 浏览器查看。

1、实例

1.1 简单的 MathML

  • 实例

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    <!DOCTYPE html>

    <html>
    <head>
    <meta charset="utf-8" />
    <title>Qian Chia 工作室</title>
    </head>
    <body>
    <math xmlns="http://www.w3.org/1998/Math/MathML">
    <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>
    </body>
    </html>
  • 效果

1.2 运算符

  • 实例

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    <math xmlns="http://www.w3.org/1998/Math/MathML">
    <mrow>
    <mrow>
    <msup>
    <mi>x</mi>
    <mn>2</mn>
    </msup>
    <mo>+</mo>
    <mrow>
    <mn>4</mn>
    <mo></mo>
    <mi>x</mi>
    </mrow>
    <mo>+</mo>
    <mn>4</mn>
    </mrow>
    <mo>=</mo>
    <mn>0</mn>
    </mrow>
    </math>
  • 效果

1.3 2×2 矩阵

  • 实例

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    <math xmlns="http://www.w3.org/1998/Math/MathML">
    <mrow>
    <mi>A</mi>
    <mo>=</mo>
    <mfenced open="[" close="]">
    <mtable>
    <mtr>
    <mtd>
    <mi>x</mi>
    </mtd>
    <mtd>
    <mi>y</mi>
    </mtd>
    </mtr>
    <mtr>
    <mtd>
    <mi>z</mi>
    </mtd>
    <mtd>
    <mi>w</mi>
    </mtd>
    </mtr>
    </mtable>
    </mfenced>
    </mrow>
    </math>
  • 效果

文章目录
  1. 1. 前言
  2. 2. 1、实例
    1. 2.1. 1.1 简单的 MathML
    2. 2.2. 1.2 运算符
    3. 2.3. 1.3 2×2 矩阵
隐藏目录