<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 verwendet wird, um eine einzelne mathematische Formel zu schreiben. Es kann in HTML-Inhalte eingefügt werden, wo fließender Inhalt erlaubt ist.

Hinweis: Siehe die Seite zur Erstellung von MathML für Tipps zur richtigen Integration von MathML-Formeln in Ihre Webseiten und die Leitfaden Seite für weitere Demos.

Attribute

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

display

Dieses enumerierte 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 Textbereichs mit math-style auf normal angezeigt wird.
  • inline, was bedeutet, dass dieses Element innerhalb des aktuellen Textbereichs mit math-style auf compact angezeigt wird.

Ist es nicht vorhanden, ist der Standardwert inline.

Barrierefreiheit

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

Beispielsweise werden Screenreader die folgende quadratische Formel ähnlich darstellen:

x gleich Bruch Anfang, minus b plus oder minus Quadratwurzel von b Quadrat minus 4 a c, Ende der Wurzel, über 2 a, Ende des Bruchs, 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 dargestellt und nimmt so viel Platz ein, wie sie benötigt. Die zweite wird innerhalb des Absatzes angezeigt, in reduzierter Größe und mit geringem Abstand, um ihre 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

Siehe auch

  • HTML-Top-Level-Element: <html>
  • SVG-Top-Level-Element: <svg>