在HTML5中使用MathML数学公式的简单讲解_html5教程技巧

HTML5 的 HTML 语法允许我们在文档内使用 $...$ 标签应用 MathML 元素。

下面是一个使用 MathML 的有效 HTML5 文档：

XML/HTML Code复制内容到剪贴板

1. html
2. /span>>
3. html>
4. head>
5. meta charset="UTF-8">
6. title>Pythagorean theoremtitle>
7. head>
8. body>
9. math xmlns="http://www.w3.org/1998/Math/MathML">
10. mrow>
11. msup>mi>ami>mn>2mn>msup>
12. mo>+mo>
13. msup>mi>bmi>mn>2mn>msup>
14. mo>=mo>
15. msup>mi>cmi>mn>2mn>msup>
16. mrow>
17. math>
18. body>
19. html>

这会生成如下结果：

复制代码

代码如下:

a2 + b2 = c2

便于学习这一概念 - 请使用 FireFox 3.7 或更高版本进行在线练习。

使用 MathML 字符
想象一下，下面是一个使用字符 ⁢ 的标记：

XML/HTML Code复制内容到剪贴板

1. html
2. /span>>
3. html>
4. head>
5. meta charset="UTF-8">
6. title>MathML Examplestitle>
7. head>
8. body>
9. math xmlns="http://www.w3.org/1998/Math/MathML">
10. mrow>
11. mrow>
12. msup>
13. mi>xmi>
14. mn>2mn>
15. msup>
16. mo>+mo>
17. mrow>
18. mn>4mn>
19. mo>⁢mo>
20. mi>xmi>
21. mrow>
22. mo>+mo>
23. mn>4mn>
24. mrow>
25. mo>=mo>
26. mn>0mn>
27. mrow>
28. math>
29. body>
30. html>

这会生成如下结果

复制代码

代码如下:

x 2 + 4 x + 4 = 0

便于学习这一概念 - 请使用 FireFox 3.7 或更高版本进行在线练习。

矩阵表达示例
想象一下下面的例子，它会被用来表示一个简单的 2x2 矩阵：

XML/HTML Code复制内容到剪贴板

1. html
2. /span>>
3. html>
4. head>
5. meta charset="UTF-8">
6. title>MathML Examplestitle>
7. head>
8. body>
9. math xmlns="http://www.w3.org/1998/Math/MathML">
10. mrow>
11. mi>Ami>
12. mo>=mo>
13. mfenced open="[" close="]">
14. mtable>
15. mtr>
16. mtd>mi>xmi>mtd>
17. mtd>mi>ymi>mtd>
18. mtr>
19. mtr>
20. mtd>mi>zmi>mtd>
21. mtd>mi>wmi>mtd>
22. mtr>
23. mtable>
24. mfenced>
25. mrow>
26. math>
27. body>
28. html>

这会生成如下结果