HTML5 MathML

简介: HTML5 支持 MathML,用于显示数学公式,通过 `<math>` 标签实现。MathML 是基于 XML 的标准,但目前仅 Firefox 和 Safari 浏览器支持。其他浏览器可借助第三方库如 mspace.js 来实现兼容。示例代码展示了如何使用 MathML 显示勾股定理、二次方程及矩阵。

HTML5 MathML

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

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

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

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

下载 mathml.zip

MathML 实例

以下是一个简单的 MathML 实例:
实例
<!DOCTYPE html>












a2
+

b2
=

c2





尝试一下 »

使用第三方库来支持:
实例
<!DOCTYPE html>













a2
+

b2
=

c2





尝试一下 »

运行结果图,如下所示:

以下实例添加了一些运算符:
实例
<!DOCTYPE html>















x
2


+


4

x


+
4



=
0





尝试一下 »

使用第三方库来支持:
实例
<!DOCTYPE html>
















x
2


+


4
x


+
4



=
0





尝试一下 »

运行结果图,如下所示:

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











A
=





x
y



z
w








尝试一下 »

使用第三方库来支持:
实例
<!DOCTYPE html>












A
=





x
y



z
w








相关文章
|
5月前
|
Web App开发 移动开发 JavaScript
HTML5
HTML5
66 0
|
7月前
|
移动开发 搜索推荐 前端开发
HTML、XHTML和HTML5系列对比
HTML、XHTML和HTML5系列对比
|
7月前
|
前端开发 Python
初识HTML
本文介绍了HTML的基本概念和使用方法。
|
前端开发
HTML详解连载(7)
HTML详解连载(7)
|
存储 移动开发 JavaScript
HTML5介绍
简要介绍HTML5
133 0
|
移动开发 开发工具 HTML5
HTML5简单总结
学习HTML后的简单总结
175 0
HTML5简单总结
|
移动开发 数据安全/隐私保护 HTML5
HTML总结(三)
HTML5的Video元素和Audio元素
183 0
HTML总结(三)
|
机器学习/深度学习 移动开发 前端开发
HTML5+CSS3
CSS3的权重 1.什么是权重     CSS权重指的是样式的优先级,有两条或多条样式作用于一个元素,权重高的那条样式对元素起作用,权重相同的,后写的样式会覆盖前面写的样式 2.
1569 0