欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

在HTML5中使用MathML数学公式的简单讲解_html5教程技巧

程序员文章站 2022-03-11 09:07:34
...
HTML5 的 HTML 语法允许我们在文档内使用 ... 标签应用 MathML 元素。

下面是一个使用 MathML 的有效 HTML5 文档:

XML/HTML Code复制内容到剪贴板
  1. html
  2. /span>>
  3. html>
  4. head>
  5. meta charset="UTF-8">
  6. title>Pythagorean theoremtitle>
  7. head>
  8. body>
  9. math xmlns="http://www.w3.org/1998/Math/MathML">
  10. mrow>
  11. msup>mi>ami>mn>2mn>msup>
  12. mo>+mo>
  13. msup>mi>bmi>mn>2mn>msup>
  14. mo>=mo>
  15. msup>mi>cmi>mn>2mn>msup>
  16. mrow>
  17. math>
  18. body>
  19. html>

这会生成如下结果:


复制代码
代码如下:
a2 + b2 = c2

便于学习这一概念 - 请使用 FireFox 3.7 或更高版本进行在线练习。

使用 MathML 字符
想象一下,下面是一个使用字符 ⁢ 的标记:

XML/HTML Code复制内容到剪贴板
  1. html
  2. /span>>
  3. html>
  4. head>
  5. meta charset="UTF-8">
  6. title>MathML Examplestitle>
  7. head>
  8. body>
  9. math xmlns="http://www.w3.org/1998/Math/MathML">
  10. mrow>
  11. mrow>
  12. msup>
  13. mi>xmi>
  14. mn>2mn>
  15. msup>
  16. mo>+mo>
  17. mrow>
  18. mn>4mn>
  19. mo>mo>
  20. mi>xmi>
  21. mrow>
  22. mo>+mo>
  23. mn>4mn>
  24. mrow>
  25. mo>=mo>
  26. mn>0mn>
  27. mrow>
  28. math>
  29. body>
  30. html>

这会生成如下结果


复制代码
代码如下:
x 2 + 4 x + 4 = 0

便于学习这一概念 - 请使用 FireFox 3.7 或更高版本进行在线练习。

矩阵表达示例
想象一下下面的例子,它会被用来表示一个简单的 2x2 矩阵:

XML/HTML Code复制内容到剪贴板
  1. html
  2. /span>>
  3. html>
  4. head>
  5. meta charset="UTF-8">
  6. title>MathML Examplestitle>
  7. head>
  8. body>
  9. math xmlns="http://www.w3.org/1998/Math/MathML">
  10. mrow>
  11. mi>Ami>
  12. mo>=mo>
  13. mfenced open="[" close="]">
  14. mtable>
  15. mtr>
  16. mtd>mi>xmi>mtd>
  17. mtd>mi>ymi>mtd>
  18. mtr>
  19. mtr>
  20. mtd>mi>zmi>mtd>
  21. mtd>mi>wmi>mtd>
  22. mtr>
  23. mtable>
  24. mfenced>
  25. mrow>
  26. math>
  27. body>
  28. html>

这会生成如下结果
在HTML5中使用MathML数学公式的简单讲解_html5教程技巧