English

<math>

Integrer une formule mathématique dans le HTML

— 1 min de lecture

  • MathML
  • accessibilité
  • sémantique

<math> — La formule mathématique

La balise <math> est le conteneur racine pour le contenu MathML, comme <svg> l'est pour les graphiques vectoriels. Tous les navigateurs modernes la supportent nativement.

Quand l'utiliser

Tu veux afficher une formule mathématique dans ta page : une équation, une expression avec des fractions, des exposants ou des racines. Tu veux que la formule soit lisible par les technologies d'assistance, pas une image muette.

Ce que tu gagnes

Accessibilité : les lecteurs d'écran lisent les formules MathML de manière structurée. Une image d'équation avec un alt approximatif ne remplacera jamais une formule navigable.

Exemple de code

<p>The quadratic formula:</p>
<math display="block">
  <mrow>
    <mi>x</mi>
    <mo>=</mo>
    <mfrac>
      <mrow>
        <mo>-</mo><mi>b</mi>
        <mo>&#xB1;</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>
  </mrow>
</math>

Pour aller plus loin