• Tech
  • Web
  • HTML Umlaute und Sonderzeichen codieren und darstellen

HTML Umlaute und Sonderzeichen codieren und darstellen

R Aktualisiert:
Kommentare (8)
HTML Umlaute und Sonderzeichen codieren und darstellen
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:

  1. als erstes kommt immer das "Und Zeichen":
  2. dann folgt der Buchstabe den man darstellen möchte, aber ohne die beiden Punkte, also statt "ä" nimmt man "a". Statt "Ä" nimmt man "A"
  3. 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: 
ä

Benutzer-Kommentare

8 Kommentare
5 Sterne
 
100%
4 Sterne
 
0%
3 Sterne
 
0%
2 Sterne
 
0%
1 Stern
 
0%
Alle Benutzer-Kommentare ansehen
Datenschutz Kommentar
Durch das Anhaken der folgenden Checkbox und des Buttons "Absenden" erlaube ich www.ecin.de die Speicherung meiner oben eingegeben Daten:
Um eine Übersicht über die Kommentare / Bewertungen zu erhalten und Missbrauch zu vermeiden wird auf www.ecin.de der Inhalt der Felder "Name", "Titel" "Kommentartext" (alles keine Pflichtfelder / also nur wenn angegeben), die Bewertung sowie Deine IP-Adresse und Zeitstempel Deines Kommentars gespeichert. Sie können die Speicherung Ihres Kommentars jederzeit widerrufen. Schreiben Sie uns einfach eine E-Mail: "redaktion / at / ecin.de". Mehr Informationen welche personenbezogenen Daten gespeichert werden, finden Sie in unserer Datenschutzerklärung.
Ich stimme der Speicherung meiner personenbezogenen Daten zu:
Kommentare
Praxistipp weiterempfehlen
 
5.0
G
Praxistipp weiterempfehlen
 
5.0
Super Tipp hat mit geholfen.
G
Praxistipp weiterempfehlen
 
5.0
So einfach
G
Praxistipp weiterempfehlen
 
5.0
Hat mir geholfen
G
Praxistipp weiterempfehlen
 
5.0
Danke für den Tipp.
G
Alle Benutzer-Kommentare ansehen