此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。

<math>

MathML 的顶级元素是<math>。所有有效的 MathML 实例必须被包括在 <math> 标记中。另外不可以在一个 <math> 元素中嵌套第二个 <math> 元素，但是 <math> 元素中可以有任意多的子元素。

属性

除了以下提到的属性， <math> 元素接受所有 <mstyle> (en-US) 元素的属性。

class, id, style

用于配合样式表使用。

dir

公式的整体方向。取值可以是 ltr (从左到右) 或者 rtl (从右到左).

href

用于给公式设置一个超链接的 URI。

mathbackground

背景颜色。你可以使用#rgb格式、 #rrggbb 格式和 HTML 颜色名 (en-US)。

mathcolor

公式的文本颜色。你可以使用#rgb格式、 #rrggbb 格式和 HTML 颜色名 (en-US)。

display

这个枚举属性指定本标记所括的 MathML 代码应该如何被显示。该属性有如下取值：

  • block, 使用该值会使该 MathML 元素显示于文本之外，成为一个独立的块元素，不受其所在的文本的影响。
  • inline, 使用该值使这段 MathML 显示为行内元素，放置于当前文本的区域中。除非改变文本的显示，否则无法移动这个 MathML 的显示位置。

如果没有指定该属性值，默认值采用 inline。

mod

因为display 属性 (en-US)的出现而废弃。 可用取值为：display (效果和display="block"一样) 和 and inline.

overflow

指定当该数学公式超过了其运行的范围时应该如何表现。 可能的取值为： linebreak (默认值), scroll, elide, truncate, scale.

范例

Theorem of Pythagoras

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" "http://www.w3.org/Math/DTD/mathml2/xhtml-math11-f.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <title>MathML in XHTML</title>
</head>
<body>

  <math xmlns="http://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 格式的文档。

规范

Specification
MathML Core
# the-top-level-math-element

浏览器兼容性

BCD tables only load in the browser

Gecko-specific 注释

Gecko 7.0 (Firefox 7.0 / Thunderbird 7.0 / SeaMonkey 2.4) 添加了对所有 MathML 属性在顶级 math 元素上的支持。 (也就是说和添加一个<mstyle> (en-US)元素效果一样)。然而，displaystyle 属性直到 Gecko 8.0 (Firefox 8.0 / Thunderbird 8.0 / SeaMonkey 2.5) 才 被添加进实现。

纯文本的 fall-back (alttext) 或者指定替代图像的属性altimg, altimg-width, altimg-height 或 altimg-valign 目前都还没有在 Gecko 中实现。

另见