<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-Inhalt eingefügt werden, wo Flussinhalt erlaubt ist.

Hinweis: Siehe die Seite zur Erstellung von MathML für Tipps zur korrekten Integration von MathML-Formeln in Ihre Webseiten und die Leitfäden-Seite für weitere Demonstrationen.

Attribute

Zu den Attributen dieses Elements gehören die globalen MathML-Attribute sowie das folgende Attribut:

display

Dieses enumerierte Attribut legt fest, wie das umschlossene 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 Textflusses und mit math-style auf normal gesetzt angezeigt wird.
inline, was bedeutet, dass dieses Element innerhalb des aktuellen Textflusses und mit math-style auf compact gesetzt angezeigt wird.

Wenn es nicht vorhanden ist, 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 den Benutzern zu vermitteln.

html,
body {
  height: 100%;
}

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

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

x entspricht Bruch Anfang, minus b plus oder minus Quadratwurzel von b zum 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 seinem eigenen zentrierten Block gerendert, der so viel Platz wie nötig einnimmt. Die zweite wird innerhalb des Textabschnitts 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

HTML-Top-Element: <html>
SVG-Top-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