<sub> <sup>
Écrire une formule chimique ou une note de bas de page
<sub> et <sup> — Indices et exposants
La balise <sub> représente un indice (texte abaisse) et <sup> un exposant (texte élevé). Elles ont une valeur sémantique : formule chimique, puissance mathématique, appel de note de bas de page.
Quand l'utiliser
Tu veux écrire une formule chimique comme H2O, un exposant mathématique comme x2, ou un appel de note de bas de page1. Ne les utilise pas uniquement pour un effet visuel.
Ce que tu gagnes
Accessibilité : certains lecteurs d'écran annoncent "indice" ou "exposant" (NVDA le fait, JAWS selon la config). Sans cette annonce, H₂O est lu "H 2 O" sans distinction. Pour les formules complexes, préfère MathML.
Exemple de code
<p>The chemical formula for water is H<sub>2</sub>O.</p>
<p>The area of a circle is A = π<var>r</var><sup>2</sup>.</p>
<p>See the original study<sup><a href="#note-1">1</a></sup> for details.</p>