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.
Le code source de cet exemple interactif est disponible dans un dépôt GitHub. Si vous souhaitez contribuez à ces exemples, n'hésitez pas à cloner https://github.com/mdn/interactive-examples et à envoyer une pull request !
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
- 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
Résumé technique
| 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 |
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
| Ordinateur | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
sub | Chrome Support complet Oui | Edge Support complet 12 | Firefox Support complet 1 | IE Support complet Oui | Opera Support complet Oui | Safari Support complet Oui | WebView Android Support complet Oui | Chrome Android Support complet Oui | Firefox Android Support complet 4 | Opera Android Support complet Oui | Safari iOS Support complet Oui | Samsung 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