當前位置 : IT培訓網 > Web前端 > Web教程 > HTML5 MathML是什么意思

HTML5 MathML是什么意思

時間:2016-12-07 11:47:49??來源:web前端培訓網??作者:IT培訓網??已有:名學員訪問該課程
MathML 是數學標記語言,是一種基于XML(標準通用標記語言的子集)的標準,用來在互聯網上書寫數學符號和公式的置標語言。想要學習HTML5 MathML的小朋友們加快速度了,年底沖刺機會只有一次,年底報名,年后即可找到高薪工作。

MathML是什么呢,也許我們在網頁的頭部代碼里經常會看到,但能理解其中意思的恐怕只有專業的網頁設計者了,對于初學者來說,掌握這方面知識也是必不可少的,下面就隨IT培訓網小編一起來學習下吧!

HTML5 MathML

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

MathML 是數學標記語言,是一種基于XML(標準通用標記語言的子集)的標準,用來在互聯網上書寫數學符號和公式的置標語言。

注意:大部分瀏覽器都支持 MathML 標簽,如果你的瀏覽器不支持該標簽,可以使用最新版的 Firefox 或 Safari 瀏覽器查看。

MathML 實例

以下是一個簡單的 MathML 實例:

<!DOCTYPE html>

<html>

   <head>

      <meta charset="UTF-8">

      <title>IT培訓網(www.oalvodamoda.com)</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>

運行結果:

HTML5 MathML是什么意思_www.oalvodamoda.com

以下實例添加了一些運算符:

<!DOCTYPE html>

<html>

   <head>

      <meta charset="UTF-8">

      <title>IT培訓網(www.oalvodamoda.com)</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>

運行結果:

HTML5 MathML是什么意思_www.oalvodamoda.com

以下實例是一個 2×2 矩陣,可以在 Firefox 3.5 以上版本查看到效果:

<!DOCTYPE html>

<html>

   <head>

      <meta charset="UTF-8">

      <title>IT培訓網(www.oalvodamoda.com)</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是什么意思_www.oalvodamoda.com

對于網頁設計者來說,將所有的網頁代碼知識都學會很容易,但要靈活運用就很難了,所以我們在學習的時候一定要會靈活運用,如此才可以在將來的職位上走的更遠,好了,想要學習HTML5 MathML的小朋友們加快速度了,年底沖刺機會只有一次,年底報名,年后就可以找到高薪的工作。

頂一下
(0)
0%
踩一下
(0)
0%
------分隔線----------------------------
------分隔線----------------------------
Web 教程
1、HTML 教程
1.1 HTML 簡介
1.2 HTML 編輯器
1.3 HTML 基礎
1.4 HTML 元素
1.5 HTML 屬性
1.6 HTML 標題
1.7 HTML 段落
1.8 HTML 文本格式化
1.9 HTML 鏈接
1.10 HTML 頭部
1.11 HTML CSS
1.12 HTML 圖像
1.13 HTML 表格
1.14 HTML 列表
1.15 HTML 區塊
1.16 HTML 布局
1.17 HTML 表單
1.18 HTML 框架
1.19 HTML 顏色
1.20 HTML 顏色名
1.21 HTML 顏色值
1.22 HTML 腳本
1.23 HTML 字符實體
1.24 HTML URL
1.25 HTML 速查列表
1.26 HTML 總結
1.27 HTML 簡介
2、HTML5
2.1 HTML5 教程
2.2 HTML5 瀏覽器支持
2.3 HTML5 新元素
2.4 HTML5 Canvas
2.5 HTML5 內聯 SVG
2.6 HTML5 MathML
2.7 HTML5 拖放
2.8 HTML5 地理定位
2.9 HTML5 Video(視頻)
2.10 HTML5 Audio(音頻)
2.11 HTML5 Input 類型
2.12 HTML5 表單元素
2.13 HTML5 表單屬性
2.14 HTML5 語義元素
2.15 HTML5 Web 存儲
2.16 HTML5 Web SQL
2.17 HTML5 應用程序緩存
2.18 HTML5 Web Workers
2.19 HTML5 SSE
2.20 HTML5 WebSocket
2.21 HTML5 代碼規范
3、HTML 媒體
3.1 HTML 媒體(Media)
3.2 HTML 插件
3.3 HTML 音頻(Audio)
3.4 HTML視頻(Videos)播放
五月情天