Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

<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 ⁨Juli 2015⁩.

Das <sub> HTML-Element spezifiziert Inline-Text, der aus rein typografischen Gründen als Subscript angezeigt werden soll. Subscripts werden typischerweise mit einer abgesenkten Grundlinie und kleinerem Text dargestellt.

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 umfasst nur die globalen Attribute.

Verwendungshinweise

Das <sub>-Element sollte nur aus typografischen Gründen verwendet werden, um die Position des Textes gemäß typografischen Konventionen oder Standards zu ändern, und nicht nur für Präsentations- oder Darstellungszwecke.

Beispielsweise wäre es unangemessen, <sub> zu verwenden, um den Namen eines Unternehmens zu gestalten, welches eine veränderte Grundlinie in seinem Wortmarke verwendet; stattdessen sollte CSS verwendet werden. Sie könnten beispielsweise die vertical-align-Eigenschaft mit einer Deklaration wie vertical-align: sub oder, um die Baseline-Verschiebung genauer zu steuern, vertical-align: -25% verwenden.

Geeignete Anwendungsfälle für <sub> umfassen (sind aber nicht unbedingt auf Folgendes beschränkt):

  • Markierung von Fußnotennummern. Siehe Fußnotennummern für ein Beispiel.
  • Markierung des Subscripts in mathematischen Variablennummern (obwohl Sie auch erwägen könnten, eine MathML-Formel hierfür zu verwenden). Siehe Variable Subscripts.
  • Bezeichnung der Anzahl von Atomen eines bestimmten Elements innerhalb 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 durch Zahlen gekennzeichnet, die im Subscript dargestellt werden. Dies ist ein üblicher 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 Subscriptions

In der Mathematik werden Familien von Variablen, die sich auf dasselbe Konzept beziehen (wie Entfernungen entlang derselben Achse), mit demselben Variablennamen und einem folgenden 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 von Atomen eines bestimmten Elements innerhalb des beschriebenen Moleküls durch eine subscripte Zahl dargestellt; im Fall von Wasser zeigt die subscripte "2" an, dass zwei Atome Wasserstoff im Molekül vorhanden sind.

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 Fließender Inhalt, Phrasierungsinhalt, wahrnehmbarer Inhalt.
Erlaubter Inhalt Phrasierungsinhalt.
Tag-Weglassung Keine, sowohl das öffnende als auch das schließende Tag sind erforderlich.
Erlaubte Eltern Jedes Element, das Phrasierungsinhalt akzeptiert.
Implizierte ARIA-Rolle subscript
Erlaubte ARIA-Rollen Beliebige
DOM-Schnittstelle [`HTMLElement`](/de/docs/Web/API/HTMLElement)

Spezifikationen

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

Browser-Kompatibilität

Siehe auch

  • Das <sup> HTML-Element, das Superscript erzeugt. Beachten Sie, dass Sie sup und sub nicht gleichzeitig verwenden können: Sie müssen MathML verwenden, um sowohl ein Superscript direkt über einem Subscript neben dem chemischen Symbol eines Elements zu erzeugen, welches seine Ordnungszahl und seine Kernladungszahl darstellt.
  • Die <msub>, <msup> und <msubsup> MathML-Elemente.
  • Die CSS vertical-align-Eigenschaft.