为您解惑：HTML5中使用MathML数学公式的简单讲解..........

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的使用情况：

1. <math xmlns="http://www.w3.org/1998/Math/MathML">  
2.       <mrow>  
3.         <msup><mi>a</mi><mn>2</mn></msup>  
4.         <mo>+</mo>  
5.         <msup><mi>b</mi><mn>2</mn></msup>  
6.         <mo>=</mo>  
7.         <msup><mi>c</mi><mn>2</mn></msup>  
8.       </mrow>  
9.     </math> 
   

网页显示结果： a2(a的平方)+b2(b的平方）=c2（c的平方）;

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

网页显示结果： x2(x的平方）+4x+4=0;

1.  <math xmlns="http://www.w3.org/1998/Math/MathML">  
2.        <mrow>  
3.           <mi>A</mi>  
4.           <mo>=</mo>  
5.           <mfenced open="[" close="]">  
6.              <mtable>  
7.                 <mtr>  
8.                    <mtd><mi>x</mi></mtd>  
9.                    <mtd><mi>y</mi></mtd>  
10.                 </mtr>  
11.                 <mtr>  
12.                    <mtd><mi>z</mi></mtd>  
13.                    <mtd><mi>w</mi></mtd>  
14.                 </mtr>  
15.              </mtable>  
16.          </mfenced>  
17.       </mrow>  
18.    </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>&#x2212;<!-- − --></mo>
<mi>b</mi>
<mo>&#x00B1;<!-- ± --></mo>
<msqrt>
<msup>
<mi>b</mi>
<mn>2</mn>
</msup>
<mo>&#x2212;<!-- − --></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