为您解惑：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的使用情况：

<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> 

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

<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> 

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

 <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