MathML的顶级元素是<math>
。所有有效的MathML实例必须被包括在 <math>
标记中。另外不可以在一个 <math>
元素中嵌套第二个 <math>
元素,但是 <math>
元素中可以有任意多的子元素 。
属性
除了以下提到的属性, <math>
元素接受所有 <mstyle>
元素的属性。
- class, id, style
- 用于配合样式表使用。
- dir
- 公式的整体方向。取值可以是
ltr
(从左到右) 或者rtl
(从右到左). - href
- 用于给公式设置一个超链接的URI。
- mathbackground
- 背景颜色
。你可以使用#rgb
格式、#rrggbb
格式和 HTML颜色名。 - mathcolor
- 公式的文本颜色。
你可以使用#rgb
格式、#rrggbb
格式和 HTML颜色名。 - display
- 这个枚举属性指定本标记所括的MathML代码应该如何被显示。该属性有如下取值:
block
, 使用该值会使该MathML元素显示于文本之外,成为一个独立的块元素,不受其所在的文本的影响。inline
, 使用该值使这段MathML显示为行内元素,放置于当前文本的区域中。除非改变文本的显示,否则无法移动这个MathML的显示位置。
如果没有指定该属性值,默认值采用
inline
。 - mod
- 因为display属性的出现而废弃。
可用取值为:display
(效果和display="block"
一样) 和andinline
. - overflow
- 指定当该数学公式超过了其运行的范围时应该如何表现。
可能的取值为:linebreak
(默认值),scroll
,elide
,truncate
,scale
.
范例
HTML5 记号
<!DOCTYPE html> <html> <head> <title>MathML in HTML5</title> </head> <body> <math> <mrow> <mrow> <msup> <mi>a</mi> <mn>2</mn> </msup> <mo>+</mo> <msup> <mi>b</mi> <mn>2</mn> </msup> </mrow> <mo>=</mo> <msup> <mi>c</mi> <mn>2</mn> </msup> </mrow> </math> </body> </html>
XHTML 记号
<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0//EN" "https://www.w3.org/Math/DTD/mathml2/xhtml-math11-f.dtd"> <html xmlns="https://www.w3.org/1999/xhtml"> <head> <title>MathML in XHTML</title> </head> <body> <math xmlns="https://www.w3.org/1998/Math/MathML"> <mrow> <mrow> <msup> <mi>a</mi> <mn>2</mn> </msup> <mo>+</mo> <msup> <mi>b</mi> <mn>2</mn> </msup> </mrow> <mo>=</mo> <msup> <mi>c</mi> <mn>2</mn> </msup> </mrow> </math> </body> </html>
注意: XHTML 文档如果带有MathML,必须将文档的MIME类型设置为application/xhtml+xml
进行发送。一般来说可以通过将扩展名改为.xhtml
来实现对本地文件的修改。对于Apache服务器,你可以配置.htaccess
文件 来达到映射扩展名为正确的MIME类型的目的。因为MathML被放在一个XML文件中,你必须编写一个严格符合XML格式的文档。
规范
规范 | 状态 | 注释 |
---|---|---|
MathML 3.0 The Top-Level math Element |
Recommendation | 当前的规范 |
MathML 2.0 The Top-Level math Element |
Recommendation | 最初的规范 |
浏览器兼容性
Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
XHTML标记 | 未实现 | 1.0 (1.7 or earlier) | 未实现 | 9.5 | 5.1 |
HTML5标记 | 未实现 | 4.0 (2.0) | 未实现 | 未实现 | 5.1 |
dir |
未实现 | 12.0 (12.0) | 未实现 | 未实现 | 未实现 |
href |
未实现 | 7.0 (7.0) | 未实现 | 未实现 | 未实现 [1] |
mathbackground |
未实现 | 4.0 (2.0) | 未实现 | 未实现 | 5.1 |
mathcolor |
未实现 | 4.0 (2.0) | 未实现 | 未实现 | 5.1 |
overflow |
未实现 | 未实现 | 未实现 | 未实现 | 未实现 |
Feature | Android | Chrome for Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|---|
XHTML 标记 | 未实现 | 未实现 | 1.0 (1.0) | 未实现 | 未实现 | 未实现 |
HTML5 标记 | 未实现 | 未实现 | 4.0 (2.0) | 未实现 | 未实现 | 未实现 |
dir |
未实现 | 未实现 | 12.0 (12.0) | 未实现 | 未实现 | 未实现 |
href |
未实现 | 未实现 | 7.0 (7.0) | 未实现 | 未实现 | 未实现 [1] |
mathbackground |
未实现 | 未实现 | 4.0 (2.0) | 未实现 | 未实现 | 未实现 |
mathcolor |
未实现 | 未实现 | 4.0 (2.0) | 未实现 | 未实现 | 未实现 |
overflow |
未实现 | 未实现 | 未实现 | 未实现 | 未实现 | 未实现 |
[1] See bug 85733.
Gecko-specific 注释
Gecko 7.0 (Firefox 7.0 / Thunderbird 7.0 / SeaMonkey 2.4) 添加了对所有MathML属性在顶级math元素上的支持。 (也就是说和添加一个<mstyle>
元素效果一样)。然而,displaystyle
属性直到Gecko 8.0 (Firefox 8.0 / Thunderbird 8.0 / SeaMonkey 2.5) 才 被添加进实现。
纯文本的fall-back (alttext
) 或者指定替代图像的属性altimg
, altimg-width
, altimg-height
或 altimg-valign
目前都还没有在Gecko中实现。