<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-Inhalten platziert werden, wo Fließinhalte zulässig sind.

Hinweis: Siehe die Seite Verfassen von MathML für Tipps zur ordnungsgemäßen Integration von MathML-Formeln in Ihre Webseiten und die Seite Beispiele für weitere Demos.

Attribute

Dieses Element umfasst 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 annehmen:

  • block, was bedeutet, dass dieses Element in einem 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 sein 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 den Nutzern zu vermitteln.

Zum Beispiel werden Screenreader die folgende quadratische Formel in etwa folgendermaßen darstellen:

x gleich Bruchstrich anfangen, minus b plus oder minus Quadratwurzel von b quadrat minus 4 a c, Ende der Wurzel, über 2 a, Ende des Bruchstrichs, 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 wie nötig ein. Die zweite wird innerhalb des Textparagraphen 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

  • Oberstes HTML-Element: <html>
  • Oberstes SVG-Element: <svg>