: 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  HTML-Element spezifiziert Inline-Text, der aus rein typografischen Gründen als Subscript dargestellt werden soll. Subscripts werden typischerweise mit einer abgesenkten 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.

Verwendungshinweise

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

Zum Beispiel wäre die Verwendung von , um den Namen eines Unternehmens zu stylen, das veränderte Basislinien in seinem Wortmarke verwendet, nicht geeignet; stattdessen sollte CSS verwendet werden. Zum Beispiel könnten Sie die vertical-align-Eigenschaft mit einer Deklaration wie vertical-align: sub nutzen oder, um den Baselineshift genauer zu kontrollieren, vertical-align: -25%.

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

Die Markierung von Fußnotennummern. Siehe Fußnotennummern für ein Beispiel.
Die Markierung des Subscripts in mathematischen Variablenzahlen (obwohl Sie hierfür auch eine MathML-Formel in Betracht ziehen können). Siehe Variable Subscripts.
Die Angabe der Anzahl der Atome eines bestimmten Elements innerhalb einer chemischen Formel (wie zum Beispiel Koffein, C₈H₁₀N₄O₂). Siehe Chemische Formeln.

Beispiele

Fußnotennummern

Traditionelle Fußnoten werden durch Zahlen, die im Subscript gerendert werden, gekennzeichnet. 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 Subscripts

In der Mathematik werden Familien von Variablen, die sich auf dasselbe Konzept beziehen (wie Abstände entlang derselben Achse), mit demselben Variablennamen dargestellt, gefolgt von einem Subscript. 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 subskriptierte Zahl dargestellt; im Fall von Wasser gibt die subskribierte "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, Phraseninhalt, greifbarer Inhalt.
Erlaubter Inhalt	Phraseninhalt.
Tag-Auslassung	Keine, sowohl das Start- als auch das End-Tag sind obligatorisch.
Erlaubte Elternteile	Jedes Element, das Phraseninhalt akzeptiert.
Implizierte ARIA-Rolle	`subscript`
Erlaubte 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 ein Superscript produziert. 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, das seine Atom- und Kernzahl darstellt.
Die <msub>, <msup>, und <msubsup> MathML-Elemente.
Die CSS-Eigenschaft vertical-align.