UTF-8 gesetzt
Korrekte Codierung verhindert Zeichenfehler.
Das Thema dieser Seite: Die Seite muss UTF-8 nutzen, damit Umlaute und Sonderzeichen korrekt angezeigt werden.
Inhalt
Inhaltsverzeichnis
Klicke auf einen Abschnitt, um direkt dorthin zu springen.
Check
Der Check prüft, ob UTF-8 im HTML-Head gesetzt ist und ob HTTP-Header passen.
| Prüfpunkt | Bedeutung | Bewertung |
|---|---|---|
| UTF-8 im Head | Codierung klar | OK |
| Nur Header gesetzt | Uneinheitlich | Warnung |
| Kein UTF-8 | Zeichenfehler | Kritisch |
Kontext & Problemraum
Ohne UTF-8 können Umlaute, Emojis oder Sonderzeichen falsch dargestellt werden.
| Situation | Symptom | Risiko |
|---|---|---|
| Falsche Codierung | Zeichenmüll | Vertrauensverlust |
| Header fehlt | Browser rät | Inkonsistent |
| CMS-Export | Umlaute brechen | Content leidet |
Entscheidungslogik
| Wenn | Dann | Empfehlung |
|---|---|---|
| UTF-8 fehlt | Darstellung fehlerhaft | Meta-Tag setzen |
| Header weicht ab | Browser verwirrt | Header anpassen |
| UTF-8 korrekt | Signal ok | Beibehalten |
Erklärende Details
Der Charset-Tag sollte früh im Head stehen. Zusätzlich sollte der HTTP-Header passen.
<meta charset="utf-8" />| Detail | Warum relevant | Hinweis |
|---|---|---|
| Meta charset | Klare Codierung | Ganz oben im Head |
| HTTP-Header | Server-Signal | text/html; charset=utf-8 |
| CMS-Export | Codierung prüfen | UTF-8 erzwingen |
Risiken, Grenzen & Einschränkungen
| Grenze | Woran erkennbar | Was tun |
|---|---|---|
| Header überschreibt | Meta wird ignoriert | Server prüfen |
| Mixed Encoding | Einzelne Zeichen kaputt | Quellen vereinheitlichen |
| Cache-Effekt | Alte Header | Cache leeren |
Gültiges HTML
Strukturfehler vermeiden.
Lang-Attribut gesetzt
Sprache korrekt markieren.
Keine doppelten IDs
DOM sauber halten.