Sonderzeichen in HTML

Sonderzeichen in HTML

Sonderzeichen kann man in HTML speziell codieren, damit sie sicher richtig dargestellt werden.

Die Codierung besteht aus drei Teilen:

  • & - ampersand
  • Eine Abkürzung für das zu darstellende Zeichen
  • ; - Semikolon als Abschluss der Sonderzeichencodierung

Zeichen die in HTML eine spezielle Bedeutung haben

Da HTML das Kleiner-Als- und das Grösser-Als-Zeichen für die Tags verwendet, sollte man die beiden Zeichen, möchte man sie im Inhalt verwenden, immer codieren.

  • &lt;       <, lower than
  • &gt;       >, greater than

Aufgrund dieser Notation muss man auch das Und-Zeichen, den Ampersand codieren

&amp;       &, Ampersand

Zur Sicherheit kann man auch das doppelte Anführungszeichen codieren.

&quot;       ", Quotation mark

Nützliche Sonderzeichen

Da HTML aufeinanderfolgende Leerzeichen immer zusammenfasst zu einem Leerzeichen und es trotzdem gewünscht sein kann, mehrere Leerzeichen am Stück darzustellen, kann man ein Leerzeichen als Sonderzeichen erfassen.

&nbsp;       non-breakable space

Ganz praktisch ist auch das Zeichen für einen bedingten Trennstrich: kann das Wort am Stück dargestellt werden, wird es nicht getrennt, kommt es ans Zeilenende wird es dort mit einem Bindestrich getrennt wo das Shy-Zeichen gesetzt ist.

&shy;       der 'scheue' Trennstrich

Ein Beispiel mit einem langen Wort, einmal in einer grossen, einmal in einer kleinen Box, beide Worte enthalten dieselben Shy-Zeichen:

Super­cali­fragilistic­expiali­docious

 

Super­cali­fragilistic­expiali­docious

Weitere Sonderzeichen

Es gibt viele weitere Sonderzeichen die in HTML definiert sind. Die meisten davon benötigt man heutzutage nicht mehr, da man sie – im Gegensatz zu den 90er Jahren – direkt in den Inhalt der HTML-Datei einfügen kann.

Manchmal trifft man noch die Sonderzeichen für deutsche Umlaut an, deshalb ist es nützlich diese zu kennen:

&auml;       ä – Umlaut für das kleine a

&Auml;       Ä – Umlaut für das grosse A

&ouml;&Ouml;&uuml;&Uuml;       öÖüÜ

 

Umfangreiche Listen aller Sonderzeichencodierungen finden sich online, z.B. hier:

https://wiki.selfhtml.org/wiki/Referenz:HTML/Zeichenreferenz

https://www.wolfgang-frank.eu/hc.php

Unicode-Zeichen

Manchmal sieht man auch ein Code in dem nach dem Apersand zuerst eine Raute (Hash-Symbol) kommt, gefolgt von einer Zahl:

Mit dieser Notation kann jedes beliebige Zeichen auf der Welt notiert werden.

Die Zahl steht für die Position des Zeichens im Unicode-Zeichensatz.

Es gibt zwei verschiedene Möglichkeiten die Zahl zu schreiben, dezimal oder hexadezimal, hexadezimale Werte sind durch ein 'x' vor der Zahl gekennzeichnet.

&#34; / &#x22;       ", doppeltes Anführungszeichen

&#20000;        丠 , Das erste Zeichen des chinesischen Alphabets