<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

Catégories de contenu Contenu de flux, contenu phrasé.
Contenu autorisé Contenu phrasé.
Omission de balises Aucune, la balise d'ouverture et la balise de fermeture sont obligatoires.
Parents autorisés Tout élément acceptant du contenu phrasé.
Rôle ARIA implicite Aucun rôle correspondant.
Rôles ARIA autorisés Tous les rôles sont autorisés.
Interface DOM HTMLElement

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. C8H10N4O2).

Exemples

Renvoi vers une note de bas de page

HTML

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

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

Résultat

Spécifications

Specification
HTML Standard
# the-sub-and-sup-elements

Compatibilité des navigateurs

BCD tables only load in the browser

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> (en-US), et <msubsup> (en-US).
  • La propriété CSS vertical-align.