HTML Entity Encoder & Decoder
Text für HTML mit benannten, dezimalen oder hexadezimalen Entities maskieren oder jede HTML-Entity zurück in reinen Text verwandeln.
HTML Entity Encoder und Decoder - HTML escapen und zurückwandeln
Fügen Sie Text ein und erhalten Sie ihn für HTML maskiert, oder fügen Sie HTML voller Entities ein und erhalten Sie den reinen Text zurück. Beim Kodieren lassen sich nur die fünf Zeichen erfassen, die HTML kaputtmachen, zusätzlich alle Nicht-ASCII-Zeichen oder schlicht alles, geschrieben als Namen, Dezimalzahlen oder Hexadezimalzahlen. Beim Dekodieren wird jede benannte Entity aus HTML5 verstanden, ebenso jede numerische, denn dafür kommt derselbe Parser zum Einsatz, mit dem Ihr Browser Webseiten liest.
Maskieren ist immer dann wichtig, wenn Text in HTML landet: ein Kommentar auf einer Seite, ein Produktname in einem Template, ein Codebeispiel in einem Blogartikel. Unmaskiert beginnt ein verirrtes Kleiner-als-Zeichen ein Tag und ein Ampersand eine Entity, und die Seite zeigt etwas anderes als das Geschriebene – oder führt im schlimmsten Fall etwas aus.
So verwenden Sie das Werkzeug
- Wählen Sie Kodieren oder Dekodieren.
- Geben Sie den Text ein oder fügen Sie ihn ein; das Ergebnis erscheint schon während der Eingabe.
- Legen Sie beim Kodieren fest, was kodiert wird und wie unter Schreiben als: Namen, dezimal oder hexadezimal.
- Klicken Sie auf Kopieren, oder auf Tauschen, um das Ergebnis in die andere Richtung zu schicken.
Die fünf Zeichen, auf die es ankommt
| Zeichen | Benannt | Numerisch | Warum es maskiert werden muss |
|---|---|---|---|
& | & | & | Leitet jede Entity ein |
< | < | < | Leitet ein Tag ein |
> | > | > | Beendet ein Tag; wird aus Konvention maskiert |
" | " | " | Beendet einen Attributwert in doppelten Anführungszeichen |
' | keiner in HTML 4 | ' | Beendet einen Attributwert in einfachen Anführungszeichen |
Nur diese fünf zu kodieren, die Voreinstellung hier, ist genau das, was eine Template-Engine beim Maskieren der Ausgabe tut: Alles andere, auch Umlaute, Akzentbuchstaben und Emoji, kann in einer UTF-8-Seite so bleiben, wie es ist.
Wann Sie mehr kodieren sollten
- Alle Nicht-ASCII-Zeichen: für ein E-Mail-Template oder ein System, das nicht zuverlässig mit UTF-8 arbeitet, damit é oder € jede Verwechslung der Zeichenkodierung übersteht.
- Jedes Zeichen: selten sinnvoll; der Text wird im Quelltext unlesbar, was gelegentlich genutzt wird, um eine E-Mail-Adresse vor einfachen Scrapern zu verbergen.
- Geschützte Leerzeichen: Setzen Sie den Haken bei Auch geschützte Leerzeichen kodieren, damit sie im Quelltext sichtbar werden, statt wie gewöhnliche Leerzeichen auszusehen.
Namen oder Zahlen?
Für einen Browser sind é, é und é dasselbe Zeichen. Namen sind im Quelltext leichter zu lesen, doch nur manche Zeichen haben einen; dieses Werkzeug schreibt Namen aus dem HTML-4-Satz, den jeder Browser und jeder E-Mail-Client versteht, und greift für den Rest, etwa Emoji, auf Zahlen zurück. Hexadezimalzahlen entsprechen der üblichen Schreibweise von Unicode-Codepunkten wie U+00E9.
Sicher dekodieren
Das Dekodieren übernimmt der HTML-Parser Ihres Browsers in einem losgelösten Textfeld, in dem Tags nur Text sind. Ein eingefügtes <script> oder ein Bild mit einem onerror-Attribut wird also angezeigt, nie ausgeführt. Das bedeutet auch, dass sich der Decoder genau wie eine echte Seite verhält, einschließlich des nachsichtigen Umgangs mit alten Entities, die ohne abschließendes Semikolon geschrieben sind.
Verwandte Werkzeuge
Für Text in einer URL statt in HTML nutzen Sie den URL-Encoder. Für Binärdaten nutzen Sie den Base64-Encoder. Die Aufgabenseiten öffnen dieses Werkzeug für genau eine Aufgabe: HTML escapen und HTML-Entities dekodieren. Um maskierte Titel und Beschreibungen in Meta- und Open-Graph-Tags zu schreiben, nutzen Sie den Meta-Tag-Generator.