English

<mtable>

Créer une matrice ou un système d'équations

— 2 min de lecture

  • MathML
  • accessibilité
  • sémantique

<mtable> + <mtr> + <mtd> — Le tableau mathématique

<mtable> crée un tableau mathématique. <mtr> représente une ligne et <mtd> une cellule. Ensemble, ils servent a afficher des matrices, des systèmes d'équations et des fonctions par morceaux.

Quand l'utiliser

Tu veux afficher une matrice avec des lignes et des colonnes alignees. Tu veux écrire un système d'équations avec un alignement propre sur les signes égaux. Tu veux définir une fonction par morceaux avec des conditions alignees. C'est l'équivalent de <table> en HTML, mais pour le contexte mathématique.

Ce que tu gagnes

Accessibilité : les lecteurs d'écran naviguent dans la matrice cellule par cellule, ligne par ligne. La structure est préservée et l'utilisateur sait ou il se trouve dans le tableau.

Exemple de code

<!-- 2x2 matrix -->
<math display="block">
  <mrow>
    <mo>[</mo>
    <mtable>
      <mtr>
        <mtd><mn>1</mn></mtd>
        <mtd><mn>0</mn></mtd>
      </mtr>
      <mtr>
        <mtd><mn>0</mn></mtd>
        <mtd><mn>1</mn></mtd>
      </mtr>
    </mtable>
    <mo>]</mo>
  </mrow>
</math>
 
<!-- System of equations -->
<math display="block">
  <mtable>
    <mtr>
      <mtd><mn>2</mn><mi>x</mi><mo>+</mo><mi>y</mi></mtd>
      <mtd><mo>=</mo></mtd>
      <mtd><mn>5</mn></mtd>
    </mtr>
    <mtr>
      <mtd><mi>x</mi><mo>-</mo><mi>y</mi></mtd>
      <mtd><mo>=</mo></mtd>
      <mtd><mn>1</mn></mtd>
    </mtr>
  </mtable>
</math>

Pour aller plus loin