HTML5-MathML-基础篇

时间:2022-02-25 22:26:45

MathML是数学标记语言,是一种基于XML(标准通用标记语言的子集)的标准。用来在互联网上书写数学符号和公式的置标语言。

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

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" name="author" content="赵慧娟">
</head>
<body>
<math>
<mrow>
<msup><mi>a</mi><mn></mn></msup>
<mo>+</mo>
<msup><mi>b</mi><mn></mn></msup>
<mo>=</mo>
<msup><mi>c</mi><mn></mn></msup>
</mrow>
</math>
</body>
</html>

运行结果:

HTML5-MathML-基础篇

下面添加了一些运算符

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<math>
<mrow>
<mrow> <msup>
<mi>x</mi>
<mn></mn>
</msup> <mo>+</mo> <mrow>
<mn></mn>
<mo>⁢</mo>
<mi>x</mi>
</mrow> <mo>+</mo>
<mn></mn> </mrow> <mo>=</mo>
<mn></mn> </mrow>
</math> </body>
</html>

运行结果:

HTML5-MathML-基础篇

2×2矩阵

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" name="author" content="赵慧娟">
</head>
<body>
<math>
<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> </body>
</html>

运行结果:

HTML5-MathML-基础篇