: Das Superscript-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 Superscript angezeigt werden soll. Superscripts werden normalerweise mit einer angehobenen Grundlinie unter Verwendung kleinerer Schrift dargestellt.

Probieren Sie es aus

Attribute

Dieses Element enthält nur die globalen Attribute.

Anwendungshinweise

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

Zum Beispiel sollte das Styling eines Wortzeichens eines Geschäfts oder Produkts, das eine angehobene Grundlinie verwendet, mit CSS (höchstwahrscheinlich vertical-align) und nicht mit  erfolgen. Dies könnte beispielsweise mit vertical-align: super oder, um die Grundlinie um 50 % anzuheben, mit vertical-align: 50% gemacht werden.

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

Darstellung von Exponenten, wie "x³". Es kann sich lohnen, MathML dafür zu verwenden, insbesondere in komplexeren Fällen. Siehe Exponenten unter Beispiele unten.
Darstellung von hochgestellten Buchstaben, die in einigen Sprachen bei der Wiedergabe bestimmter Abkürzungen verwendet werden. Zum Beispiel kann im Französischen das Wort "mademoiselle" als "M^lle" abgekürzt werden; dies ist ein akzeptabler Anwendungsfall. Siehe Hochgestellte Buchstaben für Beispiele.
Darstellung von Ordnungszahlen, wie "4^th" statt "fourth". Siehe Ordnungszahlen für Beispiele.

Beispiele

Exponenten

Exponenten, oder Potenzen einer Zahl, gehören zu den häufigsten Anwendungen von superskriptiertem Text. Zum Beispiel:

html

<p>
  One of the most common equations in all of physics is <var>E</var>=<var>m</var
  ><var>c</var><sup>2</sup>.
</p>

Ergebnis

Hochgestellte Buchstaben

Hochgestellte Buchstaben sind technisch gesehen nicht dasselbe wie Superscript. Trotzdem wird  häufig verwendet, um hochgestellte Buchstaben in HTML darzustellen. Zu den häufigsten Verwendungen von hochgestellten Buchstaben gehört die Darstellung bestimmter Abkürzungen im Französischen:

html

<p>Robert a présenté son rapport à M<sup>lle</sup> Bernard.</p>

Ergebnis

Ordnungszahlen

Ordnungszahlen, wie "fourth" im Englischen oder "quinto" im Spanischen, können unter Verwendung von Zahlen und sprachspezifisch im Superscript gerendertem Text abgekürzt werden:

html

<p>
  The ordinal number "fifth" can be abbreviated in various languages as follows:
</p>
<ul>
  <li>English: 5<sup>th</sup></li>
  <li>French: 5<sup>ème</sup></li>
</ul>

Ergebnis

Technische Zusammenfassung

Inhaltskategorien	Flussinhalt, Phrasierungsinhalt, wahrnehmbarer Inhalt.
Erlaubter Inhalt	Phrasierungsinhalt.
Tag-Auslassung	Keine, sowohl das startende als auch das endende Tag sind obligatorisch.
Erlaubte Elternelemente	Jedes Element, das Phrasierungsinhalt akzeptiert.
Implizite ARIA-Rolle	`superscript`
Erlaubte ARIA-Rollen	Jede
DOM-Schnittstelle	[`HTMLElement`](/de/docs/Web/API/HTMLElement)

Spezifikationen

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

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch

Das  HTML-Element, das tiefgestellte Schrift erzeugt. Beachten Sie, dass Sie sub und sup nicht gleichzeitig verwenden können: Sie müssen MathML verwenden, um sowohl ein Superscript als auch ein 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.