<sub> : l'élément de mise en indice
Baseline
Widely available
Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis juillet 2015.
L'élément HTML <sub> définit du texte en ligne qui doit être affiché en indice pour des raisons strictement typographiques. Les indices sont généralement rendus avec une ligne de base abaissée et un texte de plus petite taille.
Exemple interactif
<p>
La molécule préférée de presque tous les développeur·euse·s est
C<sub>8</sub>H<sub>10</sub>N<sub>4</sub>O<sub>2</sub>, aussi connue sous le
nom de « caféine ».
</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.
Par exemple, utiliser <sub> pour mettre en forme le nom d'une entreprise qui utilise des lignes de base modifiées dans sa marque verbale (angl.) ne serait pas approprié ; il faut plutôt utiliser le CSS. Par exemple, vous pouvez utiliser la propriété vertical-align avec une déclaration comme vertical-align: sub ou, pour contrôler plus précisément le décalage de la ligne de base, vertical-align: -25%.
Voici certains cas d'utilisation (non exhaustifs) pour <sub> :
- Marquer les numéros de renvoi en bas de page. Voir Renvoi vers une note de bas de page pour un exemple.
- Marquer l'indice dans les nombres de variables mathématiques (bien que vous puissiez aussi envisager d'utiliser une formule MathML pour cela). Voir Indices de variables.
- Indiquer le nombre d'atomes d'un élément donné dans une formule chimique (par exemple C8H10N4O2, autrement connue sous le nom de « caféine »). Voir Formule chimique.
Exemples
Renvoi vers une note de bas de page
Les notes de bas de page traditionnelles sont indiquées par des chiffres rendus en indice. Il s'agit d'un cas d'utilisation courant pour <sub> :
<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
Indices de variables
En mathématiques, des familles de variables liées au même concept (comme des distances le long d'un même axe) sont représentées en utilisant le même nom de variable suivi d'un indice. Par exemple :
<p>
Les positions des coordonnées horizontales le long de l'axe X sont représentées par
<var>x<sub>1</sub></var> … <var>x<sub>n</sub></var>.
</p>
Résultat
Formule chimique
Lorsqu'on écrit une formule chimique, comme H2O, le nombre d'atomes d'un élément donné dans la molécule décrite est représenté par un nombre en indice ; dans le cas de l'eau, le « 2 » en indice indique qu'il y a deux atomes d'hydrogène dans la molécule.
Un autre exemple :
<p>
La molécule préférée de presque tous les développeur·euse·s est
C<sub>8</sub>H<sub>10</sub>N<sub>4</sub>O<sub>2</sub>, communément appelée
« caféine ».
</p>
Résultat
Résumé technique
| Catégories de contenu | Contenu de flux, contenu phrasé, contenu tangible. |
|---|---|
| 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 |
subscript
|
| Rôles ARIA autorisés | Tous les rôles sont autorisés. |
| Interface DOM | HTMLElement |
Spécifications
| Specification |
|---|
| HTML # the-sub-and-sup-elements |
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