Bei der täglichen Arbeit im Web und auf Webseiten kennt man es: Je nach Codierung einer Webseite (UTF-8, Latin-1 etc) werden deutsche Umlaute und Sonderzeichen kryptisch dargestellt, wenn man sie direkt in den Code schreibt. Das liegt daran, das in HTML nicht alle Zeichen in HTML direkt verwendet werden, da sie eine besondere Bedeutung haben und von den Browsern als HTML-Code interpretiert werden können. Aus diesem Grund müssen Umlaute und Sonderzeichen in HTML codiert werden, um sicherzustellen, dass sie ordnungsgemäß angezeigt werden und von den Browsern korrekt interpretiert werden können. Wie die Codierung aussieht zeigen wir hier.
HTML-Umlaute und HTML-Sonderzeichen darstellen
Durch die Codierung von Umlauten und Sonderzeichen in HTML wird sichergestellt, dass sie in allen Browsern korrekt angezeigt werden und dass der HTML-Code für andere Entwickler und Suchmaschinen leichter lesbar ist. Die Codierung von Umlauten erfolgt durch die Verwendung von sogenannten „HTML-Entities“, die aus einem Ampersand, gefolgt von einem eindeutigen Code und einem Semikolon bestehen.
Für die deutschen HTML Umlaute ä,ö,ü ist die Codierung total einfach und läuft immer nach dem gleichen Schema, das man sich recht schnell merken kann.
3 Schritte um HTML-Umlaute darzustellen:
- als erstes kommt immer das „Und Zeichen“:
- dann folgt der Buchstabe den man darstellen möchte, aber ohne die beiden Punkte, also statt „ä“ nimmt man „a“. Statt „Ä“ nimmt man „A“
- dann kommen die drei Buchstaben „uml“ für „umlaut“, natürlich ohne die Anführungszeichen: uml und ein abschließender Semikolon: ;
Fertig – so sieht das dann der fertige HTML Umlaut aus:
ä