Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

<math>

Baseline Weitgehend verfügbar

Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Januar 2023 browserübergreifend verfügbar.

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

Hinweis: Sehen Sie sich die Seite Autor MathML für Tipps zur richtigen Integration von MathML-Formeln in Ihre Webseiten und die Seite Leitfäden 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 dargestellt 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 math-style auf normal gesetzt ist.
  • inline, was bedeutet, dass dieses Element innerhalb des aktuellen Textbereichs angezeigt wird und 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. Assistive Technologien können diese Rolle nutzen, um den Inhalt als mathematischen Ausdruck zu identifizieren und Benutzern zu übermitteln.

Zum Beispiel repräsentieren Bildschirmlesegeräte die folgende quadratische Formel ähnlich wie:

x gleich Bruch mit negative b plus oder minus Quadratwurzel von b Quadrat minus 4 a c, Ende der Wurzel, über 2 a, Ende des Bruchs, math

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 zentriert in einem eigenen Block dargestellt und nimmt so viel Platz ein, wie nötig. Die zweite wird innerhalb des Textabsatzes dargestellt, 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 Zusammenfassung

Implizite ARIA-Rolle math

Spezifikationen

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

Browser-Kompatibilität

Siehe auch

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