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

html5 的 html 语法允许我们在文档内使用 … 标签应用 mathml 元素。

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

XML/HTML Code复制内容到剪贴板html    nbsp;html>     html>     head>     meta charset=”UTF-8″>     title>Pythagorean theoremtitle>     head>     body>       math xmlns=”http://www.w3.org/1998/Math/MathML”>         mrow>           msup>mi>ami>mn>2mn>msup>           mo>+mo>           msup>mi>bmi>mn>2mn>msup>           mo>=mo>           msup>mi>cmi>mn>2mn>msup>         mrow>       math>     body>   html>    

这会生成如下结果:

复制代码代码如下:a2 + b2 = c2
便于学习这一概念 – 请使用 FireFox 3.7 或更高版本进行在线练习。

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

立即学习“前端免费学习笔记(深入)”;

XML/HTML Code复制内容到剪贴板html    nbsp;html>     html>     head>     meta charset=”UTF-8″>     title>MathML Examplestitle>     head>     body>       math xmlns=”http://www.w3.org/1998/Math/MathML”>          mrow>             mrow>                msup>                   mi>xmi>                   mn>2mn>                msup>                mo>+mo>                mrow>                   mn>4mn>                   mo>⁢mo>                   mi>xmi>                mrow>                mo>+mo>                mn>4mn>             mrow>                mo>=mo>                mn>0mn>           mrow>      math>   body>   html>   

这会生成如下结果

复制代码代码如下:x 2 + 4 x + 4 = 0
便于学习这一概念 – 请使用 FireFox 3.7 或更高版本进行在线练习。

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

XML/HTML Code复制内容到剪贴板html    nbsp;html>     html>     head>     meta charset=”UTF-8″>     title>MathML Examplestitle>     head>     body>       math xmlns=”http://www.w3.org/1998/Math/MathML”>          mrow>             mi>Ami>             mo>=mo>             mfenced open=”[” close=”]”>                mtable>                   mtr>                      mtd>mi>xmi>mtd>                      mtd>mi>ymi>mtd>                   mtr>                   mtr>                      mtd>mi>zmi>mtd>                      mtd>mi>wmi>mtd>                   mtr>                mtable>            mfenced>         mrow>      math>   body>   html>   

这会生成如下结果
2016219113648268.jpg (86×68)

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2914069.html

(0)
上一篇 2025年3月11日 09:27:10
下一篇 2025年3月11日 09:27:14

AD推荐 黄金广告位招租... 更多推荐

相关推荐

发表回复

登录后才能评论