HTML/Textauszeichnung/sup

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

Mit dem Element sup wird ein Teil eines Fließtextes hochgestellt (eng. superscript). Hierbei handelt es sich streng genommen nicht um eine semantische Textauszeichnung.

  • HTML 2.0
  • XHTML 1.0
  • HTML5
  • Chrome
  • Firefox
  • IE
  • Opera
  • Safari
Beispiel ansehen …
<!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>
Inline-Elemente für Auszeichnungen im Text müssen - zumindest in der HTML-Variante "Strict" - innerhalb anderer Block-Elemente vorkommen. 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.

Wie genau der Browser die Elemente zur Textauszeichnung darstellt, darauf haben Sie mit HTML allein keinerlei Einfluss. Die Browser benutzen zwar default-Einstellungen, diese können sich aber von Browser zu Browser unterscheiden. Mit Stylesheets (CSS) können Sie Ihre Elemente jedoch nach Wunsch formatieren. Bei Verwendung von Stylesheets müssen Sie zunächst wissen, wie man CSS-Formate definieren kann. Anschließend sind Sie in der Lage, CSS-Eigenschaften anzuwenden. Maßgeblich sind im hier beschriebenen Zusammenhang folgende CSS-Eigenschaften:

Beachten Sie: Bei den Elementen zur Textauszeichnung handelt es sich um sogenannte inline-Elemente. Deshalb bleibt beispielsweise eine Zuweisung von Länge oder Breite zunächst einmal wirkungslos.


siehe auch[Bearbeiten]