<sub> HTML-Tiefstellerelement

Probieren Sie es aus

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

p {
  font:
    1rem "Fira Sans",
    sans-serif;
}

Attribute

Dieses Element enthält nur die globalen Attribute.

Nutzungshinweise

Das <sub>-Element sollte nur aus typografischen Gründen verwendet werden—d.h. um die Position des Textes zu ändern, um typografischen Konventionen oder Standards zu entsprechen, und nicht ausschließlich zu Präsentations- oder Erscheinungszwecken.

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

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

• Die Kennzeichnung von Fußnotenzahlen. Siehe Fußnotenzahlen für ein Beispiel.
• Die Kennzeichnung der Tiefstellung in mathematischen Variablennummern (obwohl Sie hierfür auch eine MathML-Formel in Betracht ziehen könnten). Siehe Variable Tiefstellungen.
• Die Angabe der Anzahl der Atome eines bestimmten Elements innerhalb einer chemischen Formel (wie etwa jedes Entwicklers bester Freund, C₈H₁₀N₄O₂, auch bekannt als "Koffein"). Siehe Chemische Formeln.

Beispiele

Fußnotenzahlen

Traditionelle Fußnoten werden durch Zahlen gekennzeichnet, die in Tiefstellung gerendert werden. Dies ist ein gängiger Anwendungsfall für <sub>:

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

In der Mathematik werden Familien von Variablen, die mit demselben Konzept verbunden sind (wie Distanzen entlang derselben Achse), durch denselben Variablennamen mit nachfolgender Tiefstellung dargestellt. Zum Beispiel:

<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 H₂O, wird die Anzahl der Atome eines bestimmten Elements innerhalb des beschriebenen Moleküls durch eine tiefgestellte Zahl dargestellt; im Fall von Wasser zeigt die tiefgestellte "2" an, dass es zwei Wasserstoffatome im Molekül gibt.

Ein weiteres Beispiel:

<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 Übersicht

Spezifikationen

Browser-Kompatibilität

Siehe auch

• Das <sup> HTML-Element, das Hochstellungen erzeugt. Beachten Sie, dass sup und sub nicht gleichzeitig verwendet werden können: Sie müssen MathML verwenden, um sowohl eine Hochstellung direkt über einer Tiefstellung neben dem chemischen Symbol eines Elements zu erzeugen, das seine Ordnungszahl und seine Massenzahl darstellt.
• Die <msub>, <msup> und <msubsup> MathML-Elemente.
• Die CSS vertical-align-Eigenschaft.