HTML5 MathML(數學標籤)

MathML 是一個 W3C 推薦標準,旨在為標記數學表達式定義一個 XML 詞彙表,用來在網路上書寫數學符號和公式的置標語言。

HTML5 可以在文件中使用 MathML 元素,對應的標籤是 <math>...</math>

勾股定理實例:

<!DOCTYPE html>
<html>
   <head>
      <meta charset="UTF-8">
      <title>php中文网(php.cn)</title>
   </head>
   <body>
      <math xmlns="http://www.w3.org/1998/Math/MathML">
         <mrow>
            <msup><mi>X</mi><mn>2</mn></msup>
            <mo>+</mo>
            <msup><mi>Y</mi><mn>2</mn></msup>
            <mo>=</mo>
            <msup><mi>Z</mi><mn>2</mn></msup>
         </mrow>
      </math>
   </body>
</html>

注意:使用Firefox火狐瀏覽器開啟效果最好。其他瀏覽器可能會出現小BUG。


#歐拉公式:

<!DOCTYPE html>
<html>
   <head>
      <meta charset="UTF-8">
      <title>php中文网(php.cn)</title>
   </head>
   <body>
      <math xmlns="http://www.w3.org/1998/Math/MathML">
<msup><mi>e</mi><mi>i&pi;</mi></msup>
<mo>+</mo>
<mn>1</mn>
<mo>=</mo>
<mn>0</mn>
      </math>
   </body>
</html>


矩陣表達範例:

#
<!DOCTYPE html>
<html>
   <head>
      <meta charset="UTF-8">
      <title>php中文网(php.cn)</title>
   </head>
   <body>
      <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>
      
   </body>
</html>

注意:請使用Firefox火狐瀏覽器開啟。


#
繼續學習
||
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>php中文网(php.cn)</title> </head> <body> <math xmlns="http://www.w3.org/1998/Math/MathML"> <msup><mi>e</mi><mi>iπ</mi></msup> <mo>+</mo> <mn>1</mn> <mo>=</mo> <mn>0</mn> </math> </body> </html>