: 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 dargestellt werden sollte. Subskripte werden typischerweise mit einer tiefergelegten Basislinie 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 enthält nur die globalen Attribute.

Hinweise zur Verwendung

Das -Element sollte ausschließlich aus typografischen Gründen verwendet werden – das heißt, um die Position des Textes zu ändern und typografischen Konventionen oder Standards zu entsprechen, und nicht nur für Präsentations- oder Darstellungszwecke.

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

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

Die Kennzeichnung von Fußnotennummern. Siehe Fußnotennummern für ein Beispiel.
Markierung der Indizes bei mathematischen Variablennummern (obwohl Sie in Betracht ziehen könnten, dafür eine MathML-Formel zu verwenden). Siehe Variable Indizes.
Die Angabe der Anzahl von Atomen eines bestimmten Elements in einer chemischen Formel (wie zum Beispiel der beste Freund jedes Entwicklers, C₈H₁₀N₄O₂, allgemein bekannt als "Koffein"). Siehe Chemische Formeln.

Beispiele

Fußnotennummern

Traditionelle Fußnoten werden mit Zahlen gekennzeichnet, die als Subskript dargestellt 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 Indizes

In der Mathematik werden Familien von Variablen, die sich auf dasselbe Konzept beziehen (wie Entfernungen entlang derselben Achse), mit demselben Variablennamen mit einem folgenden Index bezeichnet. 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 H₂O, wird die Anzahl der Atome eines bestimmten Elements innerhalb des beschriebenen Moleküls durch eine hochgestellte Zahl dargestellt; im Fall von Wasser zeigt das hochgestellte "2", 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	Fließender Inhalt, Phrasierungsinhalt, fassbarer Inhalt.
Zulässiger Inhalt	Phrasierungsinhalt.
Tag-Auslassung	Keine, sowohl das Start- als auch das End-Tag sind obligatorisch.
Zulässige Eltern	Jedes Element, das Phrasierungsinhalt akzeptiert.
Implizite ARIA-Rolle	`subscript`
Zulässige ARIA-Rollen	Beliebig
DOM-Schnittstelle	[`HTMLElement`](/de/docs/Web/API/HTMLElement)

Spezifikationen

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

Browser-Kompatibilität

Siehe auch

Das  HTML-Element, das hochgestellten Text erzeugt. Beachten Sie, dass Sie nicht gleichzeitig sup und sub verwenden können: Sie müssen MathML verwenden, um sowohl einen Hoch- als auch einen Tiefstapel 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 vertical-align-Eigenschaft.