<sub>: Das Subscript-Element

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Das <sub> HTML-Element definiert eingebundenen Text, der aus rein typografischen Gründen als Subscript dargestellt werden soll. Subscripte werden typischerweise mit einer abgesenkten Grundlinie unter Verwendung kleinerer Schrift gerendert.

Probieren Sie es aus

Attribute

Dieses Element enthält nur die globalen Attribute.

Verwendungshinweise

Das <sub>-Element sollte nur aus typografischen Gründen verwendet werden – das bedeutet, um die Position des Textes zu ändern, um typografische Konventionen oder Standards einzuhalten, und nicht nur zu Präsentations- oder Darstellungszwecken.

Zum Beispiel wäre es nicht angemessen, <sub> zu verwenden, um den Namen eines Unternehmens zu stylen, welches veränderte Grundlinien in ihrem Wortmarke verwendet; stattdessen sollte CSS genutzt werden. Beispielsweise könnten Sie die vertical-align-Eigenschaft mit einer Deklaration wie vertical-align: sub verwenden oder, um die Grundlinienverschiebung genauer zu steuern, vertical-align: -25%.

Angemessene Anwendungsfälle für <sub> umfassen (sind jedoch nicht zwingend darauf beschränkt):

  • Markierung von Fußnotennummern. Siehe Fußnotennummern für ein Beispiel.
  • Markierung des Subscripts in mathematischen Variablennummern (obwohl Sie hierfür auch die Verwendung einer MathML-Formel in Betracht ziehen können). Siehe Variable Subscripts.
  • Bezeichnung der Anzahl von Atomen eines bestimmten Elements in einer chemischen Formel (wie der beste Freund eines jeden Entwicklers: C8H10N4O2, auch bekannt als "Koffein"). Siehe Chemische Formeln.

Beispiele

Fußnotennummern

Traditionelle Fußnoten werden mit Nummern dargestellt, die im Subscript gerendert werden. Dies ist ein häufiger Anwendungsfall für <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>

Ergebnis

Variable Subscripts

In der Mathematik werden Familien von Variablen, die sich auf dasselbe Konzept beziehen (wie Distanzen entlang derselben Achse), durch denselben Variablennamen mit folgendem Subscript dargestellt. Zum Beispiel:

html
<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>

Ergebnis

Chemische Formeln

Beim Schreiben einer chemischen Formel wie H2O wird die Anzahl der Atome eines bestimmten Elements innerhalb des beschriebenen Moleküls durch eine subscriptierte Zahl dargestellt; im Fall von Wasser zeigt das Subscript "2" an, dass es zwei Wasserstoffatome im Molekül gibt.

Ein weiteres Beispiel:

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>

Ergebnis

Technische Zusammenfassung

Inhaltskategorien Flussinhalt, Phrasierungsinhalt, spürbarer Inhalt.
Erlaubter Inhalt Phrasierungsinhalt.
Tag-Auslassung Keine, sowohl der start- als auch der end-Tag sind obligatorisch.
Erlaubte Eltern Jedes Element, das Phrasierungsinhalt akzeptiert.
Implizierte ARIA-Rolle subscript
Erlaubte ARIA-Rollen Beliebig
DOM-Schnittstelle [`HTMLElement`](/de/docs/Web/API/HTMLElement)

Spezifikationen

Specification
HTML Standard
# the-sub-and-sup-elements

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch

  • Das <sup> HTML-Element, das Hochstellen erzeugt. Beachten Sie, dass Sie sup und sub nicht gleichzeitig verwenden können: Sie müssen MathML verwenden, um sowohl einen Hochgestellt- als auch einen Tiefgestelltzeichen direkt neben dem chemischen Symbol eines Elements zu erzeugen, um seine Ordnungszahl und Kernzahl darzustellen.
  • Die <msub>, <msup>, und <msubsup> MathML-Elemente.
  • Die CSS-vertical-align-Eigenschaft.