math — Formule mathématique MathML

Description

L’élément <math> est la racine d’une expression MathML (Mathematical Markup Language) intégrée dans une page HTML. MathML est un standard W3C permettant de représenter des formules mathématiques de façon structurée et accessible, sans recourir à des images ou à des bibliothèques JavaScript comme MathJax ou KaTeX.

Syntaxe

<math>
  <mrow>
    <mi>a</mi>
    <mo>+</mo>
    <mi>b</mi>
  </mrow>
</math>

Exemples

Équation inline (dans un paragraphe) :

<p>
  Le théorème de Pythagore s'écrit
  <math>
    <mrow>
      <msup><mi>a</mi><mn>2</mn></msup>
      <mo>+</mo>
      <msup><mi>b</mi><mn>2</mn></msup>
      <mo>=</mo>
      <msup><mi>c</mi><mn>2</mn></msup>
    </mrow>
  </math>.
</p>

Formule en bloc (display) :

<math display="block">
  <mfrac>
    <mrow>
      <mo>-</mo><mi>b</mi>
      <mo>±</mo>
      <msqrt>
        <mrow>
          <msup><mi>b</mi><mn>2</mn></msup>
          <mo>-</mo>
          <mn>4</mn><mi>a</mi><mi>c</mi>
        </mrow>
      </msqrt>
    </mrow>
    <mrow><mn>2</mn><mi>a</mi></mrow>
  </mfrac>
</math>

Fraction simple :

<math>
  <mfrac>
    <mn>1</mn>
    <mn>2</mn>
  </mfrac>
</math>

Attributs spécifiques

Attribut	Type	Description
`display`	enum	Mode d’affichage : `inline` (défaut, dans le flux du texte) ou `block` (formule centrée sur sa propre ligne).

Notes

Support navigateur : MathML Core est supporté nativement dans Firefox, Safari et Chrome 109+. Pour une compatibilité plus large, des polyfills comme MathJax ou KaTeX restent utiles.

MathML vs images : MathML est préférable aux images pour les formules : il est accessible aux lecteurs d’écran, redimensionnable, copiable, et indexable.

Éléments MathML courants : <mi> (identifiant), <mn> (nombre), <mo> (opérateur), <mrow> (groupe), <mfrac> (fraction), <msup> (exposant), <msub> (indice), <msqrt> (racine carrée).

Accessibilité : les lecteurs d’écran compatibles (NVDA + Firefox, VoiceOver + Safari) lisent MathML nativement. Pour les autres, un attribut aria-label sur <math> peut fournir une description textuelle de secours.