So nutzt du: HTML-Entity-Encoder
- Wähle Encode, um Text für HTML zu escapen, oder Decode, um Entities wieder in Zeichen umzuwandeln.
- Füge deinen Text ein – das Ergebnis aktualisiert sich beim Tippen.
- Beim Encodieren wählst du, welche Zeichen umgewandelt werden (nur die HTML-Sonderzeichen oder zusätzlich Akzente, Symbole und Emojis) sowie das Entity-Format: benannt, dezimal oder hexadezimal.
- Klicke auf Copy. Mit Swap schickst du das Ergebnis zurück in die entgegengesetzte Richtung.
Was sind HTML-Entities?
HTML-Entities sind Escape-Sequenzen, die Zeichen darstellen, die sonst als Markup interpretiert würden oder schwer einzugeben sind. Sie beginnen mit & und enden mit ; und kommen in drei Formen vor: benannt (©), dezimal (©) und hexadezimal (©) – alle drei zeigen ©. Encodieren ist immer dann wichtig, wenn du nutzergenerierten Text oder Codebeispiele auf einer Webseite anzeigst: Ohne Encoding würde <script> in einem Kommentar ausgeführt statt angezeigt.
Die fünf Zeichen, die du escapen musst
| Zeichen | Entity | Warum |
|---|---|---|
& | & | Beginnt jede Entity |
< | < | Beginnt ein Tag |
> | > | Beendet ein Tag |
" | " | Beendet einen doppelt gequoteten Attributwert |
' | ' | Beendet einen einfach gequoteten Attributwert (' ist in HTML 4 nicht definiert) |
Im normalen Textinhalt reicht es, & und < zu escapen. In Attributwerten müssen auch Anführungszeichen escapet werden. Die Option „Nur HTML-Sonderzeichen“ macht genau das und lässt alles andere lesbar – die richtige Wahl für UTF-8-Seiten, und das sind heute fast alle.
Brauchst du Entities für Akzente und Symbole noch?
Wenn deine Seite als UTF-8 ausgeliefert wird (<meta charset="utf-8">), kannst du é, € oder Emojis direkt schreiben. Das Encodieren aller Nicht-ASCII-Zeichen ist trotzdem sinnvoll, wenn Inhalte durch Systeme laufen, die nicht UTF-8-sicher sind – etwa ältere CMS, manche E-Mail-Templates, XML-Feeds oder Quelldateien mit unbekannter Kodierung. Benannte Entities gibt es nur für eine begrenzte Menge (Latin-1, griechische Buchstaben, gängige Mathe- und typografische Symbole). Für alles andere, etwa Emojis, werden numerische Referenzen verwendet: 😀 → 😀.
Nützliche Entities im Überblick
| Entity | Ergebnis | Verwendung |
|---|---|---|
| (geschütztes Leerzeichen) | „10 kg“ in einer Zeile halten |
­ | (weicher Trennstrich) | Optionaler Silbentrennpunkt in langen Wörtern |
— / – | — / – | Gedankenstriche |
… | … | Auslassungspunkte |
“ ” | „ “ | Typografische Anführungszeichen |
€ © ™ | € © ™ | Symbole |
So funktioniert das Decodieren
Der Decoder erkennt alle 2.231 benannten Zeichenreferenzen aus dem HTML Living Standard sowie dezimale und hexadezimale Referenzen. Bei Grenzfällen folgt er den Browser-Regeln: – wird zu einem Halbgeviertstrich (Windows-1252-Zuordnung), und ungültige Codepunkte werden zu �. Entity-Namen sind case-sensitiv – É ist É, é ist é. Für URLs nutze stattdessen den URL Encoder, für Binärdaten Base64. HTML in lesbaren Text umwandeln? Probier HTML to Markdown.
Auch gesucht als: html escapen, html unescapen, html entities, html encodieren, html decodieren, sonderzeichen html, nbsp, html entities kodieren.
Passende Tools zu: HTML-Entity-Encoder
- HTML Formatter — Füg minifiziertes oder unübersichtliches Markup ein und erhalte sauber und einheitlich eingerücktes HTML – inklusive eingebetteter <style>- und <script>-Blöcke.
- Markdown zu HTML — Schreib oder füg Markdown ein und erhalte sofort sauberes HTML, mit bereinigter Live-Vorschau, GitHub-Tabellen, Task-Listen und Code-Blöcken mit Sprachangabe.
- Morsezeichen-Übersetzer — Gib Text ein, um den Morsecode zu erhalten, oder füge Punkte und Striche ein, um sie zu entschlüsseln – dann hör dir den Code an, sieh zu, wie er blinkt, und lade die Audiodatei herunter.
- Text-zu-Binär-Konverter — Gib Text ein, um ihn als Binärcode anzuzeigen, oder füge Binärcode (oder Hexadezimal-, Oktal- oder Dezimalcode) ein, um ihn wieder in lesbaren Text umzuwandeln.
Häufige Fragen
Welche Zeichen müssen in HTML escapet werden?
& und < im Textinhalt sowie " (und ', wenn du einfache Anführungszeichen nutzt) in Attributwerten. Das Escapen von > ist nicht zwingend nötig, aber üblich.Schützt HTML-Escaping vor XSS?
<script>-Blöcken, Inline-Event-Handlern, CSS oder href="javascript:…"-URLs reicht es nicht aus; dort ist kontextspezifische Behandlung nötig.Was ist der Unterschied zwischen &nbsp; und einem normalen Leerzeichen?
werden nicht wie normale Leerzeichen zu einem zusammengefasst.Soll ich benannte oder numerische Entities verwenden?
é sind leichter lesbar; numerische funktionieren für jedes Unicode-Zeichen und in XML, wo nur & < > " ' vordefiniert sind.