<sub>

Un indice inférieur : un texte abaissé et réduit, par exemple dans les formules chimiques.

Affichage
inline
Balise fermante
Obligatoire
Contenu autorisé
Contenu phrasant
Sur cette page

Exemple

#
HTML
<p>L’eau, c’est H<sub>2</sub>O, et le dioxyde de carbone, c’est CO<sub>2</sub>.</p>
<p>Les termes successifs de la suite : <var>a</var><sub>1</sub>, <var>a</var><sub>2</sub>, …, <var>a</var><sub><var>n</var></sub></p>
Aperçu

Définition et utilisation

#

L’élément <sub> marque un indice inférieur exigé par la convention d’écriture : des chiffres dans les formules chimiques (H2O), des indices en mathématiques (x1) ou des notations en physique. Les navigateurs abaissent et réduisent ce texte.

Utilisez-le uniquement quand la position du texte a un sens, comme dans la formule H<sub>2</sub>O. Si vous voulez abaisser un texte uniquement pour la décoration, utilisez le CSS : vertical-align: sub.

Les indices augmentent légèrement la hauteur de la ligne où ils se trouvent, ce qui peut rendre les espacements d’un paragraphe irréguliers. Une correction courante en CSS est sub, sup { line-height: 0; }.

Syntaxe

#
Syntaxe
H<sub>2</sub>O

Attributs

#

Cet élément n’a pas d’attributs propres. Il accepte les attributs globaux, comme class, id ou hidden.

CSS par défaut

#

La plupart des navigateurs affichent cet élément avec ces styles par défaut :

CSS
sub {
  vertical-align: sub;
  font-size: smaller;
  line-height: normal;
}

Compatibilité des navigateurs

#

Largement disponible

Fonctionne dans tous les navigateurs modernes, y compris sur mobile. Vous pouvez l’utiliser sans crainte.

  • Chrome
  • Edge
  • Firefox
  • Safari

Bonnes pratiques

#
  • Utilisez <sub> uniquement quand l’abaissement change le sens de la notation.
  • Si les indices écartent les lignes de texte, réglez en CSS line-height: 0 pour sub et sup.
  • Écrivez les formules mathématiques complexes en MathML.

Entrées associées

#

Vous voyez une erreur ou il manque un exemple ? Écrivez-nous.