<math>

Baseline 已廣泛支援

此功能已成熟,並且在眾多裝置和瀏覽器版本上都能正常工作。自 2023 年 1 月以來,它已在各瀏覽器中可用。

<math> MathML 元素是頂級的 MathML 元素,用於編寫單個數學公式。它可以在允許 流內容 的 HTML 內容中放置。

注意: 請參閱 編寫 MathML 頁面 以獲取有關將 MathML 公式正確整合到網頁中的技巧,以及 指南 頁面以獲取更多演示。

屬性

此元素的屬性包括 全域性 MathML 屬性 以及以下屬性

display

列舉 屬性指定如何渲染包含的 MathML 標記。它可以具有以下值之一:

  • block,表示該元素將在其自己的塊中顯示,位於當前文字跨度之外,並且 math-style 設定為 normal
  • inline,表示該元素將在當前文字跨度內顯示,並且 math-style 設定為 compact

如果不存在,則預設值為 inline

無障礙

<math> 元素具有隱式的 math ARIA 角色。輔助技術可以使用此角色將內容識別為數學表示式並將其傳達給使用者。

例如,螢幕閱讀器將以下二次公式表示為類似於:

x 等於 分數開始,負 b 加或減平方根 b 的平方減 4 ac,根結束,除以 2 a,分數結束,數學

二次公式的標記
html
<math display="block">
  <mrow>
    <mi>x</mi>
    <mo>=</mo>
    <mfrac>
      <mrow>
        <mrow>
          <mo>−</mo>
          <mi>b</mi>
        </mrow>
        <mo>±</mo>
        <msqrt>
          <mrow>
            <msup>
              <mi>b</mi>
              <mn>2</mn>
            </msup>
            <mo>−</mo>
            <mrow>
              <mn>4</mn>
              <mo>⁢</mo>
              <mi>a</mi>
              <mo>⁢</mo>
              <mi>c</mi>
            </mrow>
          </mrow>
        </msqrt>
      </mrow>
      <mrow>
        <mn>2</mn>
        <mo>⁢</mo>
        <mi>a</mi>
      </mrow>
    </mfrac>
  </mrow>
</math>

示例

此示例包含兩個 MathML 公式。第一個以居中塊的形式渲染,佔用所需空間。第二個在文字段落內渲染,尺寸和間距減小,以最大限度地減小其高度。

html
<p>
  The infinite sum
  <math display="block">
    <mrow>
      <munderover>
        <mo>∑</mo>
        <mrow>
          <mi>n</mi>
          <mo>=</mo>
          <mn>1</mn>
        </mrow>
        <mrow>
          <mo>+</mo>
          <mn>∞</mn>
        </mrow>
      </munderover>
      <mfrac>
        <mn>1</mn>
        <msup>
          <mi>n</mi>
          <mn>2</mn>
        </msup>
      </mfrac>
    </mrow>
  </math>
  is equal to the real number
  <math display="inline">
    <mfrac>
      <msup>
        <mi>π</mi>
        <mn>2</mn>
      </msup>
      <mn>6</mn>
    </mfrac>
  </math>
  .
</p>

技術摘要

隱式 ARIA 角色 math

規範

規範
MathML Core
# the-top-level-math-element

瀏覽器相容性

另見

  • HTML 頂級元素: <html>
  • SVG 頂級元素: <svg>