<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> MathML-Element ist das oberste MathML-Element, das zum Schreiben einer einzelnen mathematischen Formel verwendet wird. Es kann in HTML-Inhalt platziert werden, wo Fließinhalt erlaubt ist.

Hinweis: Sehen Sie sich die Erstellen von MathML-Seite für Tipps zur korrekten Integration von MathML-Formeln in Ihre Webseiten und die Beispiele-Seite für weitere Demos an.

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 seinem eigenen Block außerhalb des aktuellen Textabschnitts angezeigt wird und math-style auf normal gesetzt ist.
  • inline, was bedeutet, dass dieses Element innerhalb des aktuellen Textabschnitts angezeigt wird und math-style auf compact gesetzt ist.

Wenn nicht vorhanden, ist der Standardwert inline.

Barrierefreiheit

Das <math>-Element hat eine implizite math ARIA-Rolle. Unterstützende Technologien können diese Rolle verwenden, um den Inhalt als mathematischen Ausdruck zu identifizieren und ihn Nutzern zu vermitteln.

Zum Beispiel werden Screenreader die folgende quadratische Formel ähnlich darstellen wie:

x gleich Bruchanfang, minus b plus oder minus Quadratwurzel von b Quadrat minus 4 a c, Ende der Wurzel, über 2 a, Ende des Bruches, Mathematik

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 ihrem eigenen zentrierten Block gerendert und nimmt so viel Platz ein, wie benötigt wird. Die zweite wird innerhalb des Textabsatzes gerendert, mit reduzierter Größe und Abstand, 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 Übersicht

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

  • HTML oberstes Element: <html>
  • SVG oberstes Element: <svg>