<math>

Baseline 2023
Newly available

Since January 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.

Das <math>-Element ist das oberste MathML-Element und wird verwendet, um eine einzelne mathematische Formel zu schreiben. Es kann im HTML-Inhalt platziert werden, wo Flussinhalt zulässig ist.

Hinweis: Sehen Sie sich die Seite zum Erstellen von MathML für Tipps zur richtigen Integration von MathML-Formeln auf Ihren Webseiten an und die Leitfäden-Seite für weitere Demos.

Attribute

Die Attribute dieses Elements umfassen die globalen MathML-Attribute sowie das folgende Attribut:

display

Dieses aufzählbare Attribut gibt an, wie das eingeschlossene MathML-Markup gerendert werden soll. Es kann einen der folgenden Werte haben:

  • block, was bedeutet, dass dieses Element in einem eigenen Block außerhalb des aktuellen Textbereichs angezeigt wird und mit math-style auf normal gesetzt ist.
  • inline, was bedeutet, dass dieses Element innerhalb des aktuellen Textbereichs angezeigt wird und mit math-style auf compact gesetzt ist.

Wenn es nicht vorhanden ist, ist der Standardwert inline.

Barrierefreiheit

Das <math>-Element hat eine implizite math ARIA-Rolle. Hilfstechnologien können diese Rolle nutzen, um den Inhalt als mathematischen Ausdruck zu identifizieren und ihn den Benutzern zu vermitteln.

Zum Beispiel werden Bildschirmlesegeräte die folgende quadratische Formel ähnlich darstellen:

x gleich Bruchanfang, minus b plus oder minus Quadratwurzel aus b quadrat minus 4 a c, Wurzelende, über 2 a, Bruchende, Mathe

Markup für die quadratische Formel
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>

Beispiele

Dieses Beispiel enthält zwei MathML-Formeln. Die erste wird in einem eigenen zentrierten Block gerendert, der so viel Platz einnimmt, wie benötigt. Die zweite wird innerhalb des Textabschnitts gerendert, mit reduzierter Größe und Abständen, um die Höhe zu minimieren.

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>

Technische Zusammenfassung

Implizite ARIA-Rolle math

Spezifikationen

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

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch