Naar de inhoud
Gratis naslagwerk over HTML
HTML leren en naslaan
Naslag / Tekst en koppen

Het element <sub>

Het <sub>-element van HTML geeft inline tekst aan die om louter typografische redenen als subscript (onderschrift) moet worden weergegeven. Subscript wordt doorgaans weergegeven met een verlaagde basislijn en kleinere tekst.

Code
<p>
  Almost every developer's favorite molecule is
  C<sub>8</sub>H<sub>10</sub>N<sub>4</sub>O<sub>2</sub>, also known as
  "caffeine."
</p>
Resultaat in de browser

Attributen

Dit element bevat alleen de globale attributen.

Gebruiksnotities

Het <sub>-element mag alleen om typografische redenen worden gebruikt — dat wil zeggen, om de positie van de tekst aan te passen in overeenstemming met typografische conventies of normen, en niet louter om presentatie- of vormgevingsredenen.

Het is bijvoorbeeld niet gepast om <sub> te gebruiken voor het stylen van de naam van een bedrijf dat aangepaste basislijnen gebruikt in zijn wordmark; in plaats daarvan moet CSS worden gebruikt. Je zou bijvoorbeeld de eigenschap vertical-align kunnen gebruiken met een declaratie zoals vertical-align: sub of, om de verschuiving van de basislijn nauwkeuriger te regelen, vertical-align: -25%.

Geschikte toepassingen voor <sub> zijn onder meer (maar niet uitsluitend):

  • Het markeren van voetnootnummers. Zie Voetnootnummers voor een voorbeeld.
  • Het markeren van het subscript in de nummering van wiskundige variabelen (hoewel je hiervoor ook het gebruik van een MathML-formule kunt overwegen). Zie Subscripts bij variabelen.
  • Het aangeven van het aantal atomen van een bepaald element in een scheikundige formule (zoals de beste vriend van elke ontwikkelaar, C8H10N4O2, ook bekend als "cafeïne"). Zie Scheikundige formules.

Voorbeelden

Voetnootnummers

Traditionele voetnoten worden aangeduid met nummers die als subscript worden weergegeven. Dit is een veelvoorkomend gebruik van <sub>:

HTML
<p>
  According to the computations by Nakamura, Johnson, and Mason<sub>1</sub> this
  will result in the complete annihilation of both particles.
</p>

Resultaat

Resultaat in de browser

Subscripts bij variabelen

In de wiskunde worden families van variabelen die aan hetzelfde concept gerelateerd zijn (zoals afstanden langs dezelfde as) weergegeven met dezelfde variabelenaam gevolgd door een subscript. Bijvoorbeeld:

HTML-NOLINT
<p>
  The horizontal coordinates' positions along the X-axis are represented as
  <var>x<sub>1</sub></var> … <var>x<sub>n</sub></var>.
</p>

Resultaat

Scheikundige formules

Bij het schrijven van een scheikundige formule, zoals H2O, wordt het aantal atomen van een bepaald element in het beschreven molecuul aangegeven met een subscript-nummer; in het geval van water geeft het subscript "2" aan dat er twee waterstofatomen in het molecuul zitten.

Nog een voorbeeld:

HTML
<p>
  Almost every developer's favorite molecule is
  C<sub>8</sub>H<sub>10</sub>N<sub>4</sub>O<sub>2</sub>, which is commonly known
  as "caffeine."
</p>

Resultaat

Resultaat in de browser

Technische samenvatting

Inhoudscategorieën Flow content, phrasing content, palpable content.
Toegestane inhoud Phrasing content.
Weglaten van tags Niet toegestaan; zowel de begin- als eindtag zijn verplicht.
Toegestane bovenliggende elementen Elk element dat phrasing content accepteert.
Impliciete ARIA-rol subscript
Toegestane ARIA-rollen Elke rol
DOM-interface HTMLElement

Zie ook

Verwante elementen