<sub> : l'élément de mise en indice

L'élément HTML <sub> est utilisé, pour des raisons typographiques, afin d'afficher du texte en indice (sous la ligne de base et généralement plus petit) par rapport au bloc de texte environnant.

Exemple interactif

<p>
  Almost every developer's favorite molecule is
  C<sub>8</sub>H<sub>10</sub>N<sub>4</sub>O<sub>2</sub>, also known as
  "caffeine."
</p>

p {
  font:
    1rem "Fira Sans",
    sans-serif;
}

Attributs

Cet élément inclut uniquement les attributs universels.

Notes d'utilisation

L'élément <sub> devrait uniquement être utilisé à des fins typographiques (afin de modifier la position du texte en raison des conventions typographiques) et non pour obtenir des effets de mise en forme.

Ainsi, on n'utilisera pas <sub> pour restituer l'effet visuel d'un logo mais plutôt la propriété CSS vertical-align avec la valeur sub).

Voici certains cas d'utilisation (non exhaustifs) pour <sub> :

• L'indication de renvois en bas de page
• L'écriture de certains éléments d'une formule mathématique
  • Dans le cadre de formules complexes, MathML peut s'avérer plus pertinent que l'enchaînement d'éléments <sup> et <sub>.
• L'écriture du nombre d'atomes dans une formule chimique (ex. C₈H₁₀N₄O₂).

Exemples

Renvoi vers une note de bas de page

HTML

<p>
  Selon les calculs effectués par Nakamura, Johnson et Mason<sub>1</sub>, cela
  causera l'annulation complète des deux particules.
</p>

Résultat

Formule chimique

HTML

<p>La molécule d'eau est symbolisée par H<sub>2</sub>O.</p>

Résultat

Spécifications

Compatibilité des navigateurs

Voir aussi

• L'élément HTML <sup> qui permet une mise en exposant. Il est à noter que l'élément <sub> et l'élément <sup> ne peuvent pas être utilisés simultanément. Pour afficher le symbole chimique d'un élément, il faudra utiliser MathML pour représenter à la fois le numéro atomique et le nombre de masse.
• Les éléments MathML <msub>, <msup>, et <msubsup>.
• La propriété CSS vertical-align.