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

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

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

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

1. html   
2. nbsp;html>  
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. nbsp;html>  
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. nbsp;html>  
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>   

这会生成如下结果