<sup> HTML-Superscript-Element
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.
Das <sup> HTML-Element spezifiziert Inline-Text, der aus rein typografischen Gründen als Superscript angezeigt werden soll. Hochgestellte Zeichen werden üblicherweise mit einer angehobenen Grundlinie und in kleinerem Text dargestellt.
Probieren Sie es aus
<p>
The <em>Pythagorean theorem</em> is often expressed as the following equation:
</p>
<p>
<var>a<sup>2</sup></var> + <var>b<sup>2</sup></var> = <var>c<sup>2</sup></var>
</p>
p {
font:
1rem "Fira Sans",
sans-serif;
}
Attribute
Dieses Element enthält nur die globalen Attribute.
Verwendungshinweise
Das <sup>-Element sollte nur aus typografischen Gründen verwendet werden, um die Position des Textes entsprechend typografischer Konventionen oder Standards zu ändern, anstatt rein für Präsentations- oder Erscheinungszwecke.
Um beispielsweise das Wordmark eines Unternehmens oder Produkts zu gestalten, das eine erhöhte Grundlinie verwendet, sollte CSS verwendet werden (höchstwahrscheinlich vertical-align) anstelle von <sup>. Dies könnte z.B. mit vertical-align: super oder, um die Grundlinie um 50 % zu verschieben, mit vertical-align: 50% erfolgen.
Geeignete Anwendungsfälle für <sup> umfassen (sind aber nicht unbedingt darauf beschränkt):
- Darstellung von Exponenten, wie bei "x3". Es könnte in Betracht gezogen werden, MathML für diese zu verwenden, insbesondere bei komplexeren Fällen. Siehe Exponenten unter Beispiele unten.
- Darstellung von superiors Schreibweise, die in einigen Sprachen bei der Wiedergabe bestimmter Abkürzungen verwendet wird. Zum Beispiel kann im Französischen das Wort "mademoiselle" mit "Mlle" abgekürzt werden; dies ist ein akzeptabler Anwendungsfall. Siehe Superiors Schreibweise für Beispiele.
- Darstellung von Ordinalzahlen, wie "4th" anstelle von "fourth." Siehe Ordinalzahlen für Beispiele.
Beispiele
Exponenten
Exponenten oder Potenzen einer Zahl gehören zu den häufigsten Anwendungen von hochgestelltem Text. Zum Beispiel:
<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
Superiors Schreibweise
Superiors Schreibweise ist technisch gesehen nicht dasselbe wie Superscript. Es ist jedoch üblich, <sup> zu verwenden, um Superiors Schreibweise in HTML darzustellen. Zu den häufigsten Anwendungen der Superiors Schreibweise gehört die Darstellung bestimmter Abkürzungen im Französischen:
<p>Robert a présenté son rapport à M<sup>lle</sup> Bernard.</p>
Ergebnis
Ordinalzahlen
Ordinalzahlen, wie "fourth" im Englischen oder "quinto" im Spanischen, können mit Ziffern und sprachspezifischem Text abgekürzt werden, der im Superscript dargestellt wird:
<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 | Fließinhalt, Phrasierungsinhalt, wahrnehmbarer Inhalt. |
|---|---|
| Erlaubter Inhalt | Phrasierungsinhalt. |
| Tag-Auslassung | Keine, sowohl der Anfangs- als auch der Endtag sind obligatorisch. |
| Erlaubte Eltern | Jedes Element, das Phrasierungsinhalt akzeptiert. |
| Implizite ARIA-Rolle |
hochgestellt
|
| Erlaubte ARIA-Rollen | Beliebig |
| DOM-Schnittstelle | [`HTMLElement`](/de/docs/Web/API/HTMLElement) |
Spezifikationen
| Spezifikation |
|---|
| HTML # the-sub-and-sup-elements |
Browser-Kompatibilität
Siehe auch
- Das
<sub>HTML-Element, das Tiefgestellt produziert. Beachten Sie, dasssubundsupnicht gleichzeitig verwendet werden können: Sie müssen MathML verwenden, um neben dem chemischen Symbol eines Elements sowohl ein Superscript als auch ein Subscript zu erzeugen, das seine Ordnungszahl und seine Kernladungszahl darstellt. - Die
<msub>,<msup>und<msubsup>MathML-Elemente. - Die CSS-Eigenschaft
vertical-align.