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

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ô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'é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'indication de renvois en bas de page
  • L'écriture du nombre d'atomes dans un formule chimique (ex. C8H10N4O2).

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

Spécification État Commentaires
HTML Living Standard
La définition de '<sub> and <sup>' dans cette spécification.
Standard évolutif  
HTML5
La définition de '<sub> and <sup>;' dans cette spécification.
Recommendation  

Compatibilité des navigateurs

Update compatibility data on GitHub
OrdinateurMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariWebview AndroidChrome pour AndroidEdge MobileFirefox pour AndroidOpera pour AndroidSafari pour iOSSamsung Internet
Support simpleChrome Support complet OuiEdge Support complet OuiFirefox Support complet 1IE Support complet OuiOpera Support complet OuiSafari Support complet OuiWebView Android Support complet OuiChrome Android Support complet OuiEdge Mobile Support complet OuiFirefox Android Support complet 4Opera Android Support complet OuiSafari iOS Support complet OuiSamsung Internet Android Support complet Oui

Légende

Support complet  
Support complet

Voir aussi

  • L'élément HTML <sub> permet un effet de 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

Étiquettes et contributeurs liés au document

Étiquettes : 
Contributeurs à cette page : SphinxKnight, tregagnon
Dernière mise à jour par : SphinxKnight,