HTML-Zeichencodierung (charset)
Die Zeichencodierung (charset) legt fest, wie der Browser den Text auf der Seite interpretiert. Bei falscher Einstellung können Akzentzeichen oder nicht-lateinische Schriftzeichen falsch dargestellt werden.
Was ist eine Zeichencodierung?
Eine Zeichencodierung ist ein standardisiertes System, das jedem Zeichen eine Nummer zuweist. Der heute beliebteste Standard ist UTF-8.
Die Bedeutung von UTF-8
UTF-8 ist die am weitesten verbreitete Zeichencodierung im Web, da sie alle Weltsprachen unterstützt. Sie wird für alle HTML-Dokumente empfohlen.
html
<head>
<meta charset="UTF-8">
</head>Weitere Codierungen
ISO-8859-1 (Latin-1) war früher weit verbreitet, wurde aber größtenteils durch UTF-8 ersetzt.
html
<meta charset="ISO-8859-1">Warum ist die richtige Codierung wichtig?
Falsche Codierung kann dazu führen, dass Text nicht korrekt angezeigt wird – z. B. als Fragezeichen oder seltsame Symbole.
Praktisches Beispiel
Im folgenden Beispiel werden Zeichen aus mehreren Sprachen innerhalb eines HTML-Dokuments mit UTF-8-Codierung korrekt dargestellt.
html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Character Encoding Example</title>
</head>
<body>
<p>Árvíztűrő tükörfúrógép — 日本語 — русский</p>
</body>
</html>Tipps zur Codierung
Füge immer <meta charset="UTF-8"> am Anfang des <head>-Bereichs ein. Das stellt sicher, dass internationale Zeichen richtig angezeigt werden.
Häufige Fehler
Viele Entwickler vergessen, die Codierung zu setzen, oder platzieren das meta-Tag zu spät. Das ist besonders problematisch, wenn die Datei in einem anderen Format gespeichert ist.
Was ist ein BOM?
Das BOM (Byte Order Mark) ist ein unsichtbares Zeichen am Anfang einer Datei, das die Codierung anzeigen kann. Für UTF-8 ist es nicht erforderlich und kann sogar Darstellungsprobleme verursachen.
Wie überprüfe ich die Codierung?
Du kannst die Codierung einer Datei in den Einstellungen deines Texteditors oder in den Entwicklertools des Browsers überprüfen. Wenn Probleme auftreten, stelle sicher, dass die Datei im UTF-8-Format gespeichert ist.
Sprache wählen
Thema wählen
© 2025 ReadyTools. Alle Rechte vorbehalten.