HTML/Elemente/sup
Aus SELFHTML-Wiki
Das sup-Element stellt einen Teil eines Fließtextes hochgestellt (eng. superscript) dar
- Syntax
- Start-Tag: notwendig
- End-Tag: notwendig
- WAI‑ARIA‑Rolle
-
- keine
- Elternelemente
- Darf vorkommen in:
- Elementen mit flow content
- Elementen mit phrasing content
- erlaubte Inhalte
-
- Text
- beliebig viel phrasing content
Beispiel
<p lang="fr">
M<sup>me</sup> de Pompadour a vécu au XVIII<sup>e</sup> siècle.
</p>
Beachten Sie: Streng genommen handelt es sich nicht um eine semantische Textauszeichnung.
| Name | Inhalt | Standardwert | Bedeutung |
|---|---|---|---|
| Universalattribute | |||
| id | ID | identifiziert ein einziges Element innerhalb eines Dokuments | |
| class | CDATA | ordnet ein Element einer oder mehreren Klassen zu. | |
| accesskey | ID | Tastaturkürzel | |
| contenteditable | CDATA | editierbarer Inhalt | |
| contextmenu | definiert Kontextmenü | ||
| dir | ltr, rtl | definiert die Schreibrichtung innerhalb des Dokuments | |
| draggable | ID | kann mit Drag & Drop gezogen werden | |
| dropzone | CDATA | Aktion bei Ablegen | |
| hidden | versteckter Inhalt | ||
| lang | NAME | legt eine den IANA-Sprachdefinitionen folgende Sprache des Elementinhalts fest [RFC1766] | |
| spellcheck | ID | Rechtschreibprüfung Sollte auch für input type="password" deaktiviert werden.
| |
| style | CDATA | notiert direkt in einem Element- style sheet data | |
| tabindex | NAME | zeigt an, ob dieses Element fokusiert werden kann, ob es mithilfe der Tastaturnavigation angesteuert werden kann und in welcher Reihenfolge navigiert wird. | |
| title | CDATA | betitelt oder beschreibt ein Element. | |
Attribut: Pflichtattribut
Attribut: optionales Attribut
Siehe auch
- HTML/Tutorials/Textauszeichnung
- hoch- und tiefgestellter Text
- MathML, dort gibt es das msup-Element, um Exponenten als superscript darzustellen.
- Referenz: hochgestellte Ziffern (Unicode)
Weblinks
- Spezifikation (W3C): The sup-Element
Anwendungsbeispiel
hochgestellter Text
<!doctype html>
<html>
<head>
<meta charset = "utf-8">
<title>Beispiel zum sup-Element</title>
<style>
body { margin:40px; }
.hinweis { font-style:italic; border-bottom:1px solid #ccc; }
hr { color: #ccc; height: 1px; width: 60px; margin: 0;}
</style>
</head>
<body>
<h1>Beispiel zum sup-Element</h1>
<p class="hinweis">Die Beispiele zeigen typische semantische Anwendungem zum sup-Element.</p>
<p>Zur Unterscheidung von Zeitangaben werden die Einheiten der
Rektaszension<sup>[1]</sup> hochgestellt:
α<sub>Beteigeuze</sub> = 5<sup>h</sup> 55<sup>min</sup> 10,3<sup>s</sup>
</p>
<p lang="fr">M<sup>me</sup> de Pompadour a vécu au XVIII<sup>e</sup> siècle.</p>
<hr>
<p><small><sup>[1]</sup><dfn><strong>Rektaszension</strong>: zweite Koordinate im rotierenden
Äquatorsystem der sphärischen Astronomie</dfn>
</p>
</body>
</html>
Im Beispiel ist ein Textabsatz notiert und innerhalb davon eine Textauszeichnung. Am Anfang des Textbereichs, der als hochgestellt ausgezeichnet werden soll, wird ein einleitendes <sup>-Tag eingefügt. Am Ende des gewünschten Textbereichs wird ein entsprechendes Abschluss-Tag (</sup>) eingefügt.
Beachten Sie: Oft sind es nur Zahlen, die hochgestellt werden müssen. In solchen Fällen verwenden Sie besser die entsprechenden Unicode-Zeichen. Das sorgt für ein schlankeres Markup.
