HTML-Sonderzeichen
Zuletzt geprüft am von Daniel Weihmann

Jedes Zeichen lässt sich auf zwei Arten schreiben: als benannte Entity
(ä) oder als numerische Entity (ä).
Beide funktionieren in jedem modernen Browser. Bei UTF-8-Dokumenten
(heute der Normalfall) reicht meist das Zeichen selbst – die Entity
bleibt sinnvoll, wenn eine Datei ohne UTF-8-Deklaration oder in einem
System mit eingeschränktem Zeichensatz verarbeitet wird.
Deutsche Umlaute
| Zeichen | Benannt | Numerisch |
|---|---|---|
| ä | ä |
ä |
| ö | ö |
ö |
| ü | ü |
ü |
| Ä | Ä |
Ä |
| Ö | Ö |
Ö |
| Ü | Ü |
Ü |
| ß | ß |
ß |
Anführungszeichen und Satzzeichen
| Zeichen | Benannt | Numerisch |
|---|---|---|
| „ | „ |
„ |
| " | “ |
“ |
| ‚ | ‚ |
‚ |
| ’ | ’ |
’ |
| – | – |
– |
| — | — |
— |
| … | … |
… |
Währung
| Zeichen | Benannt | Numerisch |
|---|---|---|
| € | € |
€ |
| £ | £ |
£ |
| ¥ | ¥ |
¥ |
| ¢ | ¢ |
¢ |
Pfeile
| Zeichen | Benannt | Numerisch |
|---|---|---|
| ← | ← |
← |
| ↑ | ↑ |
↑ |
| → | → |
→ |
| ↓ | ↓ |
↓ |
Sonstige
| Zeichen | Benannt | Numerisch |
|---|---|---|
| & | & |
& |
| < | < |
< |
| > | > |
> |
| © | © |
© |
| ® | ® |
® |
| ™ | ™ |
™ |
| § | § |
§ |
| ° | ° |
° |
| × | × |
× |
| ÷ | ÷ |
÷ |
Wann braucht man überhaupt eine Entity?
In einem UTF-8-Dokument, und das ist heute der Normalfall, lässt sich fast
jedes Zeichen direkt schreiben. Ein ä im Quelltext ist ein
ä auf der Seite, solange die Datei wirklich als UTF-8 gespeichert
ist und der <meta charset="utf-8"> weit oben im
Kopfbereich steht. Entities sind also kein
Muss mehr, aber in vier Fällen weiterhin nötig oder klüger.
-
Bei den drei Zeichen, die HTML selbst braucht.
<,>und&müssen im Text maskiert werden, sonst hält der Parser sie für Markup. In Attributwerten kommt das doppelte Anführungszeichen dazu. -
Bei unsichtbaren Zeichen. Ein geschütztes Leerzeichen sieht
im Editor aus wie ein gewöhnliches. Als
geschrieben, weiß auch der Nächste, was gemeint war. - Wenn die Datei durch fremde Systeme läuft, die die Kodierung nicht sauber durchreichen – ältere Redaktionssysteme, Exporte, Mailvorlagen.
-
Bei Zeichen, die man nicht tippen kann. Für ein
≠ist die Entity oft schneller als die Zeichentabelle. Wer statt einer Erklärung eine vollständige Liste zum Herauskopieren braucht, findet 164 Zeichen auf einen Blick bei redirect301.de.
Die unsichtbaren Zeichen
Drei Entities haben keine sichtbare Gestalt und sind trotzdem die nützlichsten der ganzen Liste.
-
-
Geschütztes Leerzeichen. Verhindert einen Zeilenumbruch an dieser Stelle und
hält Zusammengehörendes beisammen:
10 kg,Dr. Müller,Abb. 3. Sparsam einsetzen – als Mittel für Abstände ist es falsch, dafür gibt esmargin. - ­
-
Weiches Trennzeichen. Bleibt unsichtbar, bis das Wort am Zeilenende
umbrochen werden muss, und gibt dann die Trennstelle vor. Hilfreich bei
langen Komposita in schmalen Spalten:
Fenster­sanierung. - ​
- Breitenloses Leerzeichen. Erlaubt einen Umbruch, ohne Platz zu verbrauchen – etwa in einer langen Adresse oder Artikelnummer, die sonst aus dem Layout läuft.
Zwei Fallen
Die erste betrifft das kaufmännische Und in Adressen. Steht in einem
href ein & zwischen zwei Parametern, gehört es
als & geschrieben – der Browser macht daraus beim Aufruf
wieder ein einfaches Und. Wer es direkt schreibt, riskiert, dass ein
Parametername wie ©=1 als Entity gelesen wird und
plötzlich ein © in der Adresse steht.
Die zweite betrifft die Anführungszeichen. Deutsche Anführungszeichen sind
„ unten und “ oben, also „so".
Das gerade Zollzeichen " ist typografisch keines und im Fließtext
eine Verlegenheitslösung. Der Apostroph in „geht’s" ist
’, nicht das gerade '.
Ähnliches gilt für die Striche: Der Bindestrich verbindet Wörter, der
Gedankenstrich – steht mit Leerzeichen im Satz, und der
Bis-Strich zwischen Zahlen (10 – 12 Uhr) ist derselbe
Halbgeviertstrich, nur ohne Leerzeichen.
