: 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 normalerweise mit einer abgesenkten Grundlinie unter Verwendung kleinerer Schrift gerendert.

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.

Anwendungshinweise

Das -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 nur aus Präsentations- oder Erscheinungsgründen.

Zum Beispiel wäre es unangemessen,  zu verwenden, um den Namen eines Unternehmens zu gestalten, das in seinem Wortmarke veränderte Baselines verwendet; stattdessen sollte CSS verwendet werden. Sie könnten zum Beispiel die Eigenschaft vertical-align mit einer Deklaration wie vertical-align: sub oder zur genaueren Kontrolle der Baseline-Verschiebung vertical-align: -25% verwenden.

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

Markierung von Fußnotennummern. Siehe Fußnotennummern für ein Beispiel.
Markierung des Subskripts in mathematischen Variablennummern (Sie könnten dafür auch eine MathML Formel verwenden). Siehe Variable Subskripte.
Angabe der Anzahl von Atomen eines bestimmten Elements innerhalb 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 im Subskript gerendert sind. 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 Familien von Variablen, die sich auf dasselbe Konzept beziehen (wie Entfernungen entlang derselben Achse), durch denselben 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

Beim Schreiben einer chemischen Formel wie H₂O wird die Anzahl der Atome eines bestimmten Elements innerhalb des beschriebenen Moleküls mit einer subskribierten Zahl dargestellt; im Falle von Wasser zeigt 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	Fließender Inhalt, Phrasing-Inhalt, fühlbarer Inhalt.
Erlaubter Inhalt	Phrasing-Inhalt.
Tag-Aussparung	Keine, sowohl das Start- als auch das End-Tag sind obligatorisch.
Erlaubte Eltern	Jedes Element, das Phrasing-Inhalt 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

BCD tables only load in the browser

Siehe auch

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