HTML5 的 HTML 语法允许我们在文档内使用 <math>...</math> 标签应用 MathML 元素。
部分MathML 元素如下:
<mstyle>.........</mstyle> 用于设置其包裹的最终表达式的样式。
如:<mstyle displaystyle="true" color="#ff0000" fontsize="14px" fontfamily="arial">......</mstyle>
<mrow>......</mrow> 用于包裹一个或多个表达式(可省略)。
<msup>......</msup> 用于包裹上标的表达式(如:指数函数)。
<msub>......</msub> 用于包裹下表的表达式。
<mi>.........</mi> 用于包裹字符。
<mn>.........</mn> 用于包裹数字。
<mo>...........</mo> 用于包裹各种运算符号(+,-,<mo></mo>,<mfrac></mfrac>,<,>,(,)等)
<msqrt>..........</msqrt> 用于开根号。
<mfenced open="[" close="]">.........</mfenced> 用于包裹矩阵即先定义外围的括号。
<mtable>..........</mtable> 类似table。
<mtr>..........</mtr> 代表矩阵的行。
<mtd>.........</mtd> 代表每行的每一个值。
下面是MathML的使用情况:
- <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>
- <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>
- <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>
<math>
<mstyle displaystyle="true" color="#ff0000" fontsize="13px" fontfamily="arial">
<msqrt>
<mrow>
<mn>2</mn>
</mrow>
</msqrt>
<mo>-</mo>
<mn>2</mn>
<mo><</mo>
<mo>-</mo>
<mn>2</mn>
<mrow>
<mrow>
<msup>
<mrow>
<mo>(</mo>
<mi>k</mi>
<mo>-</mo>
<mfrac>
<mrow>
<mn>1</mn>
</mrow>
<mrow>
<mn>4</mn>
</mrow>
</mfrac>
<mo>)</mo>
</mrow>
<mn>2</mn>
</msup>
</mrow>
</mrow>
<mo>+</mo>
<mfrac>
<mrow>
<mn>1</mn>
<mn>7</mn>
</mrow>
<mrow>
<mn>8</mn>
</mrow>
</mfrac>
<mo><</mo>
<mn>1</mn>
</mstyle>
</math>
网页显示结果: 2 - 2 < - 2 ( k - 1 4 ) 2 + 1 7 8 < 1
<math xmlns="http://www.w3.org/1998/Math/MathML" display="block">
<msub>
<mi>x</mi>
<mrow>
<mn>1</mn>
<mo>,</mo>
<mn>2</mn>
</mrow>
</msub>
<mo>=</mo>
<mfrac>
<mrow>
<mo>−<!-- − --></mo>
<mi>b</mi>
<mo>±<!-- ± --></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>b</mi>
</mrow>
</mfrac>
</math>
网页显示结果如下:
x 1 , 2 = − b ± b 2 − 4 a c 2 b