HTML5 的 HTML 語法允許我們在文檔內使用 math ... /math 標簽應用 MathML 元素。

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

XML/HTML Code復制內容到剪貼板

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復制內容到剪貼板

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復制內容到剪貼板

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 Canvas API中的clip()方法裁剪區域圖像

以上就是在HTML5中使用MathML數學公式的詳細內容，html教程

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。