HTML-Encoder / Decoder

Kodieren Sie Sonderzeichen in HTML-Entitäten (&, <, >, ") und dekodieren Sie HTML-Entitäten zurück in Klartext. Nützlich zum Einbetten von HTML in Code und zur Verhinderung von XSS.

Encoding:
Common HTML Entities
CharacterEntityDescription
&&Ampersand
<&lt;Less than
>&gt;Greater than
"&quot;Double quote
'&#39;Single quote
©&copy;Copyright
®&reg;Registered
&trade;Trademark
&mdash;Em dash
&hellip;Ellipsis
(space)&nbsp;Non-breaking space
&euro;Euro sign

So verwenden Sie HTML-Encoder / Decoder

  1. 1Fügen Sie Ihren Text in das Eingabefeld ein oder geben Sie ihn ein.
  2. 2Klicken Sie auf "Encode", um Sonderzeichen in HTML-Entitäten umzuwandeln.
  3. 3Klicken Sie auf "Decode", um HTML-Entitäten in Klartext umzuwandeln.
  4. 4Kopieren Sie die Ausgabe zur Verwendung in Ihrem HTML, Ihrer Vorlage oder Ihrem Code.
ZenovayAnalytics

Sehen Sie, wer gerade auf Ihrer Seite ist.

  • Besucher-Tracking in Echtzeit
  • Datenschutz zuerst, kein Cookie-Banner
  • In zwei Minuten eingerichtet
Zenovay entdecken

Häufig gestellte Fragen

Was sind HTML-Entitäten?
HTML-Entitäten sind spezielle Codes, die verwendet werden, um Zeichen darzustellen, die in HTML eine spezielle Bedeutung haben oder nicht direkt eingegeben werden können. Sie beginnen mit & und enden mit ;. Benannte Entitäten: &amp; → &, &lt; → <, &gt; → >, &quot; → ", &apos; → '. Numerische Entitäten: &#60; = < (dezimal), &#x3C; = < (hexadezimal). HTML-Parser konvertieren Entitäten bei der Darstellung in ihre Zeichen. Die Verwendung von Entitäten verhindert, dass der Browser Text als HTML-Markup interpretiert.
Warum HTML kodieren?
HTML-Kodierung verhindert: XSS (Cross-Site-Scripting)-Attacken – Benutzereingaben mit <script>-Tags werden zu &lt;script&gt; kodiert und als Text gerendert, nicht ausgeführt; HTML-Injection – unzuverlässiger Inhalt, der die Seitenstruktur bricht; unterbrochene Anzeige – < und > in Text werden als HTML-Tags missverstanden. Kodieren Sie immer benutzergenerierten Inhalt, bevor Sie ihn in HTML einfügen. Verwenden Sie Template-Engines oder React (die standardmäßig automatisch ausweichen), anstatt rohes HTML-String-Verkettung zu verwenden.
Was ist der Unterschied zwischen &amp; und &amp;amp;?
&amp; ist die HTML-Entität für das wörtliche &-Zeichen. &amp;amp; ist doppelt kodiert – es stellt den Text "&amp;" in HTML dar, der als "&amp;" gerendert wird. Doppelkodierung erfolgt, wenn Sie bereits kodierten Text kodieren. Wenn Sie den Text "&amp;" auf einer Seite wörtlich anzeigen müssen, schreiben Sie &amp;amp; in Ihr HTML. Dies geschieht in Code-Snippets und Dokumentationen, die HTML-Entitäts-Beispiele zeigen.
Sollte ich benannte oder numerische HTML-Entitäten verwenden?
Beide sind gültig. Benannte Entitäten (&amp;, &lt;) sind lesbarer. Numerische Entitäten (&#38;, &#60; oder &#x26;, &#x3C;) funktionieren für jedes Unicode-Zeichen, auch ohne benanntes Äquivalent. Für sichere Praxis: Kodieren Sie mindestens &, <, >, " (und ' für Attributwerte). Für vollständige Unicode-Sicherheit in älteren Systemen kodieren Sie alle nicht-ASCII-Zeichen numerisch. Moderne UTF-8-HTML5-Seiten können Unicode direkt ohne Kodierung einschließen.
Was ist die htmlspecialchars-Funktion in PHP?
Die htmlspecialchars()-Funktion von PHP konvertiert &, <, >, ", ' zu ihren HTML-Entitäts-Äquivalenten. Verwenden Sie das ENT_QUOTES-Flag, um sowohl einfache als auch doppelte Anführungszeichen zu kodieren: htmlspecialchars($str, ENT_QUOTES, 'UTF-8'). htmlspecialchars_decode() kehrt es um. html_entity_decode() verarbeitet alle benannten Entitäten. In JavaScript: keine integrierte Funktion, aber DOMParser oder document.createElement + textContent können kodieren/dekodieren. In Python: html.escape() und html.unescape().