<math>

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨Januar 2023⁩.

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 Flussinhalt zulässig ist.

Hinweis: Siehe die Seite zum Erstellen von MathML für Tipps, wie Sie MathML-Formeln richtig in Ihre Webseiten integrieren und die Leitfaden-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 seinem 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 nicht vorhanden, ist der Standardwert inline.

Barrierefreiheit

Das <math>-Element hat eine implizite math ARIA-Rolle. Assistive Technologien können diese Rolle verwenden, um den Inhalt als mathematischen Ausdruck zu identifizieren und den Benutzern zu übermitteln.

html,
body {
  height: 100%;
}

body {
  display: grid;
  place-items: center;
  font-size: 1.5rem;
}

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

x gleich Bruch anfangen, minus b plus oder minus Quadratwurzel von b hoch zwei minus vier a c, Ende der Wurzel, über zwei 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 gerendert und nimmt so viel Platz ein, wie benötigt wird. Die zweite wird innerhalb des Textabsatzes gerendert, mit reduzierter Größe und Abständen, 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

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

Help improve MDN

Learn how to contribute Diese Seite wurde automatisch aus dem Englischen übersetzt.

Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden