為您解惑: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的使用情況:
-
<mathxmlns
- <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>
- <mathxmlns="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>
- <mathxmlns="http://www.w3.org/1998/Math/MathML">
- <mrow>
- <mi>A</mi>
- <mo>=</mo>
- <mfencedopen="["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