HTML: “Trade-Mark” (TM) und “Registered” (R) Zeichen hochstellen

Um das Trade Mark (TM) und “Registered” (R) Zeichen zu erstellen, gibt es eigene HTML-Codes: Damit lassen sich die Zeichen einfach erstellen und mit allen Browsern anzeigen. Außerdem bietet HTML eine Funktion, um die Zeichen hochzustellen. Wer mag, kann das Aussehen aber mit CSS noch weiter anpassen.

• HTML Code für das Trademark Zeichen ™: ™
• HTML Code für das Registered Zeichen ®: ®
• HTML Code zum Hochstellen ^{™ ®}: ^{™ ®}

Die HTML Bezeichnung für das Hochstellen von Zahlen, Zeichen und Buchstaben <sup> stammt von dem englischen Begriff “superscript“. Mit dem HTML Code <sub> (von “subscript”) lassen sich Texte, Zahlen und Zeichen auch tiefstellen – zum Beispiel als H₂O für H₂O.

Für das Hochstellen von Ziffern bietet HTML für 1, 2 und 3 eigene Codes an: &sup1;, &sup1; und &sup1;. Für alle anderen Zahlen lassen sich alternativ auch die Unicode-Bezeichnungen in HTML verwenden.

Hochgestellte Zeichen mit CSS

Mit CSS lässt sich noch weiter Einfluss auf das Aussehen der hochgestellten oder tiefgestellten Zeichen nehmen. So lässt sich zum Einen die Schriftgröße anpassen, zum anderen aber auch die Position. Mit “position:relative” gibt man zunächst an, dass man die Position von nachfolgendem Zeichen, Buchstaben oder Zahl relativ zu der eigenen, bisherigen Position ändern möchte. mit “top” und einem Wert in Pixeln bestimmt man dann, ob das Zeichen weiter nach oben oder nach unten gestellt werden soll. Ein negativer Wert für “top” setzt das Zeichen weiter nach oben, ein positiver Wert weiter nach unten in Richtung der Grundlinie:

<sup style=”font-size:11px;position:relative;top:-2px;”>™</sup>