1. 程式人生 > >為您解惑:HTML5中使用MathML數學公式的簡單講解..........

為您解惑: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. <mathxmlns
    ="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. <mathxmlns="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. <mathxmlns="http://www.w3.org/1998/Math/MathML">
  2. <mrow>
  3. <mi>A</mi>
  4. <mo>=</mo>
  5. <mfencedopen="["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>
網頁顯示結果如下:

2016219113648268.jpg (86×68)

 <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