HTML5 MathML(都是为了分)

64 阅读1分钟

HTML5 MathML

HTML5 可以在文档中使用 MathML 元素,对应的标签是 ... 。

MathML 是数学标记语言,是一种基于XML(标准通用标记语言的子集)的标准,用来在互联网上书写数学符号和公式的置标语言。

注意: 目前只有 Firefox 或 Safari 浏览器支持,大部分浏览器还不支持 MathML 标签,如果你的浏览器不支持该标签,可以使用最新版的 Firefox 或 Safari 浏览器查看。

另外我们可以使用第三方的样式库来支持数学标记,本章节使用的样式库可以点击下面按钮下载:

下载 mathml.zip


MathML 实例

以下是一个简单的 MathML 实例:

实例

\ \    \       \       菜鸟教程(runoob.com)\    \        \    \        \       \                \          \             a2\             +\                                \             b2\             =\                                \             c2\          \                        \       \                \    \ \


尝试一下 »

使用第三方库来支持:

实例

\ \    \       \       菜鸟教程(runoob.com)\       \    \        \    \        \       \                \          \             a2\             +\                                \             b2\             =\                                \             c2\          \                        \       \                \    \ \


尝试一下 »

运行结果图,如下所示:

以下实例添加了一些运算符:

实例

\ \    \       \       菜鸟教程(runoob.com)\    \        \    \        \       \                \                          \             \                                \                \                   x\                   2\                \                                        \                +\                                        \                \                   4\                   ⁢\                   x\                \                                        \                +\                4\                                        \             \                                \             =\             0\                                  \          \       \                \    \ \


尝试一下 »

使用第三方库来支持:

实例

\ \    \       \       菜鸟教程(runoob.com)\       \    \        \    \        \       \                \                          \             \                                \                \                   x\                   2\                \                                        \                +\                                        \                \                   4\                   x\                \                                        \                +\                4\                                        \             \                                \             =\             0\                                  \          \       \                \    \ \


尝试一下 »

运行结果图,如下所示:

以下实例是一个 2×2 矩阵,可以在 Firefox 3.5 以上版本查看到效果:

实例

\ \    \       \       菜鸟教程(runoob.com)\    \        \    \       \                \          \             A\             =\                        \             \                        \                \                   \                      x\                      y\                   \                                        \                   \                      z\                      w\                   \                \                \             \          \       \      \    \ \


尝试一下 »

使用第三方库来支持:

实例

\ \    \       \       菜鸟教程(runoob.com)\       \    \        \    \       \                \          \             A\             =\                        \             \                        \                \                   \                      x\                      y\                   \                                        \                   \                      z\                      w\                   \                \                \             \          \       \      \    \ \


尝试一下 »

运行结果图,如下所示: