如何在HTML5中使用MathML數(shù)學公式

這篇文章為大家?guī)碛嘘P如何在HTML5中使用MathML數(shù)學公式詳細介紹。大這個知識點都是大家經(jīng)常用到的，為此分享給大家做個參考。一起跟隨小編過來看看吧。

山海關ssl適用于網(wǎng)站、小程序/APP、API接口等需要進行數(shù)據(jù)傳輸應用場景，ssl證書未來市場廣闊！成為成都創(chuàng)新互聯(lián)公司的ssl證書銷售渠道，可以享受市場價格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：18980820575（備注：SSL證書合作）期待與您的合作！

HTML5 的 HTML 語法允許我們在文檔內(nèi)使用 <math>...</math> 標簽應用 MathML 元素。

下面是一個使用 MathML 的有效 HTML5 文檔：

XML/HTML Code復制內(nèi)容到剪貼板

html   
<!doctype html>
  <html>
  <head>
  <meta charset="UTF-8">
  <title>Pythagorean theorem</title>
  </head>
  <body>
    <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>
  </body>
</html>

這會生成如下結果：

復制代碼

代碼如下:

a2 + b2 = c2

便于學習這一概念 - 請使用 FireFox 3.7 或更高版本進行在線練習。

使用 MathML 字符
想象一下，下面是一個使用字符 &InvisibleTimes; 的標記：

XML/HTML Code復制內(nèi)容到剪貼板

html   
<!doctype html>
  <html>
  <head>
  <meta charset="UTF-8">
  <title>MathML Examples</title>
  </head>
  <body>
    <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>
</body>
</html>

這會生成如下結果

復制代碼

代碼如下:

x 2 + 4  x + 4 = 0

便于學習這一概念 - 請使用 FireFox 3.7 或更高版本進行在線練習。

矩陣表達示例
想象一下下面的例子，它會被用來表示一個簡單的 2x2 矩陣：

XML/HTML Code復制內(nèi)容到剪貼板

html   
<!doctype html>
  <html>
  <head>
  <meta charset="UTF-8">
  <title>MathML Examples</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>

以上就是在HTML5中使用MathML數(shù)學公式的詳細內(nèi)容，代碼示例簡單明了，如果在日常工作遇到此問題。通過這篇文章，希望你能有所收獲，更多詳情敬請關注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

標題名稱：如何在HTML5中使用MathML數(shù)學公式
本文路徑：http://bm7419.com/article8/jdepip.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供關鍵詞優(yōu)化、靜態(tài)網(wǎng)站、網(wǎng)站改版、標簽優(yōu)化、網(wǎng)站策劃、手機網(wǎng)站建設

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)

網(wǎng)站托管運營