: Das Subskript-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  HTML-Element spezifiziert Inline-Text, der aus rein typografischen Gründen als Subskript angezeigt werden soll. Subskripte werden typischerweise mit einer abgesenkten Grundlinie in kleinerer Schrift 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 enthält nur die globalen Attribute.

Nutzungshinweise

Das -Element sollte nur aus typografischen Gründen verwendet werden, d. h. um die Position des Textes zu ändern, um typografische Konventionen oder Standards zu erfüllen, nicht nur aus visuellen Präsentationsgründen.

Zum Beispiel wäre es nicht angemessen,  zu verwenden, um den Namen eines Unternehmens zu stylen, das in seinem Wortmarke veränderte Grundlinien verwendet; stattdessen sollte CSS verwendet werden. Zum Beispiel könnte man die vertical-align-Eigenschaft mit einer Deklaration wie vertical-align: sub verwenden oder, um den Basisschub genauer zu steuern, vertical-align: -25%.

Angemessene Anwendungsfälle für  beinhalten (aber sind nicht unbedingt darauf beschränkt):

Das Auszeichnen von Fußnotennummern. Siehe Fußnotennummern für ein Beispiel.
Das Auszeichnen des Subskripts bei mathematischen Variablennummern (obwohl Sie auch in Erwägung ziehen können, eine MathML-Formel dafür zu verwenden). Siehe Variable Subskripte.
Die Kennzeichnung der Anzahl von Atomen eines bestimmten Elements in einer chemischen Formel (wie z.B. der beste Freund jedes Entwicklers, C₈H₁₀N₄O₂, auch bekannt als "Koffein"). Siehe Chemische Formeln.

Beispiele

Fußnotennummern

Traditionelle Fußnoten werden durch Zahlen dargestellt, die als Subskript gerendert werden. Dies ist ein häufiger Anwendungsfall für :

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 Subskripte

In der Mathematik werden verwandte Variablenfamilien, die zum gleichen Konzept gehören (wie Entfernungen entlang derselben Achse), mit demselben Variablennamen mit einem folgenden Subskript 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

Wenn Sie eine chemische Formel schreiben, wie z.B. H₂O, wird die Anzahl der Atome eines bestimmten Elements in dem beschriebenen Molekül durch eine subskriptierte Zahl dargestellt; im Fall von Wasser zeigt das subskriptierte "2" an, dass es zwei Atome Wasserstoff 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, greifbarer Inhalt.
Erlaubter Inhalt	Phrasierungsinhalt.
Tag-Auslassung	Keine, sowohl der Start- als auch der End-Tag sind obligatorisch.
Erlaubte Eltern	Jedes Element, das Phrasierungsinhalt akzeptiert.
Implizite 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

BCD tables only load in the browser

Siehe auch

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