HTML-Entity-Encoder & -Decoder
Wandle Zeichen in und aus HTML-Entities um — benannt, dezimal oder hex, alle Sonderzeichen oder nur die fünf unsicheren. Round-trip-sicher.
Was sind HTML-Entities?
HTML-Entities sind die Escape-Sequenzen, mit denen du Zeichen mit besonderer Bedeutung in HTML — <, >, &, ", ' — in ein Dokument einfügen kannst, ohne dass der Parser sie als Markup interpretiert. Sie kommen in drei Varianten: benannt (&), dezimal numerisch (&) und hex numerisch (&). Alle drei werden von Browsern identisch dekodiert; der Unterschied liegt in der Lesbarkeit im Quellcode.
So nutzen Sie dieses Tool
Wähle Encode, um Text vor dem Einfügen in HTML zu escapen, oder Decode, um Entities zurück in ihre Originalzeichen zu wandeln. Wähle Benannt für menschenlesbare Ausgabe (©), Dezimal oder Hex für Legacy-Umgebungen, die benannte Entities nicht erkennen. Stelle Umfang auf fünf unsichere für normales HTML-Escaping; wechsle zu alle Nicht-ASCII, wenn dein Ziel ein ASCII-only-Kontext wie eine alte E-Mail-Template-Engine ist. Der Tausch-Button vertauscht kodierte und dekodierte Seite, sodass du round-trippen und prüfen kannst, dass nichts verloren ging.
Benannt vs. numerisch — was wählen?
Benannte Entities lesen sich besser im Quelltext — © sagt dem nächsten Entwickler, dass es ein Copyright-Symbol ist; © nicht. Sie sind außerdem etwas kompakter für gängige Zeichen. Numerische Entities sind dagegen universell: Jeder Unicode-Codepoint hat eine, während die Tabelle benannter Entities auf die 252 Namen festgelegt ist, die HTML5 mitbringt. Nutze benannte Entities für die fünf üblichen plus eine Handvoll typografischer Favoriten (—, …, ©); greif zu numerischen, wenn du auf ein Zeichen ohne kanonischen Namen stößt.
Die fünf Zeichen, die du immer escapen musst
| Zeichen | Benannt | Dezimal | Hex | Wann zu verwenden |
|---|---|---|---|---|
< | < | < | < | Immer in Element-Inhalten; sonst denkt der Parser, ein Tag beginnt. |
> | > | > | > | Weniger kritisch, aber zur Symmetrie und für Edge Cases in alten Browsern escapen. |
& | & | & | & | Immer — es leitet jede Entity ein, also verwirrt es den Parser, wenn man es nackt lässt. |
" | " | " | " | Innerhalb doppelt-quotierter Attributwerte. |
' | ' | ' | ' | Innerhalb einfach-quotierter Attributwerte. Nutze in HTML4 die numerische Entity — ' wurde erst in HTML5 Standard. |
Häufig gestellte Fragen
Muss ich jedes Zeichen kodieren?
&, <, >, ", '. Der Modus alle Nicht-ASCII existiert für Legacy-Systeme, die nicht UTF-8-clean sind.Sind HTML-Entities dasselbe wie URL-Kodierung?
%20 für Leerzeichen) ist für URLs; HTML-Entities (&) sind für HTML. Es sind unterschiedliche Escape-Mechanismen auf unterschiedlichen Ebenen. In einem href brauchst du eventuell beide: prozent-kodieren der URL und dann HTML-kodieren des Ampersands, falls es als Attribut steht.Funktioniert ' in HTML4?
' wurde erst in HTML5 als benannte Standard-Entity eingeführt; ältere Spec-Versionen definieren sie nur in XML. Für maximale Portabilität in Legacy-Kontexten nutze die numerische Form '.Was verarbeitet der Decode-Modus?
&, hex &) plus den vollständigen HTML5-Namens-Entity-Satz — über 2.200 Namen. Decode ist eine echte Obermenge des Encoders.Sendet dieses Tool meinen Text irgendwohin?
Wie unterscheidet sich das von JavaScripts encodeURIComponent?
encodeURIComponent prozent-kodiert für URLs (café wird zu caf%C3%A9). HTML-Entity-Kodierung erzeugt café oder café. Nutze die richtige für den richtigen Kontext — und unseren URL-Parser, falls du stattdessen URL-Kodierung untersuchen willst.