Wann Zeichen kodiert werden müssen
Einige Zeichen haben in HTML eine besondere Bedeutung: < und > begrenzen Tags, & leitet eine Entity ein, " und ' begrenzen Attributwerte. Soll ein Text diese Zeichen enthalten, etwa ein Codebeispiel oder eine Nutzereingabe, müssen sie als Entities geschrieben werden, sonst interpretiert der Browser sie als Markup. Der Encoder basiert auf der Bibliothek he und kennt die vollständige Liste der HTML-Entities.
Im ersten Modus werden nur diese fünf Zeichen escaped: & wird zu &, < zu <, > zu >, " zu " und ' zu '. Alle anderen Zeichen bleiben unverändert. Das ist der richtige Modus, um beliebigen Text sicher in HTML einzufügen, denn moderne Seiten in UTF-8 können Umlaute und Emoji direkt darstellen.
Im zweiten Modus werden zusätzlich alle Nicht-ASCII-Zeichen kodiert: Umlaute, ß, Akzente, ñ, das Euro-Zeichen oder Emoji. Sie wählen das Format: benannte Entities wie ä oder €, wo es einen Namen gibt, dezimale Zeichenreferenzen wie ä oder hexadezimale wie ä. Nützlich ist das, wenn ein System nur ASCII verträgt, etwa ältere E-Mail-Vorlagen oder Dateien mit unklarer Zeichenkodierung. Unterscheiden Sie zwischen Anzeigen und Ausführen: Wenn Sie in einem Tutorial zeigen möchten, wie ein HTML-Tag aussieht, muss <div> als <div> im Quelltext stehen, sonst erzeugt der Browser ein echtes Element statt den Text anzuzeigen. Das Gleiche gilt für Inhalte aus Formularen oder Datenbanken, die in eine Seite eingesetzt werden. Bereits vorhandene Entities werden beim erneuten Kodieren ebenfalls escaped, aus & wird dann &amp;. Kodieren Sie Text daher nur einmal.
Ihr Text wird nicht hochgeladen, die Kodierung läuft im Browser. Kostenlos verarbeiten Sie eine Datei oder einen eingefügten Text und können denselben Text in anderen Modi erneut kodieren. Für neue Eingaben, mehrere Dateien gleichzeitig mit ZIP-Download und ohne Werbung gibt es ToolStudio Pro, jederzeit kündbar.
So kodieren Sie HTML-Entities
- Text oder Code einfügen oder eine Datei ablegen bzw. auswählen.
- Modus wählen: nur die 5 Sonderzeichen escapen oder alle Nicht-ASCII-Zeichen kodieren.
- Beim zweiten Modus das Format wählen: benannt, dezimal oder hexadezimal.
- Kodierung starten.
- Ergebnis kopieren oder herunterladen.
Typische Einsatzzwecke
- HTML-Codebeispiele in einem Blogartikel oder einer Doku anzeigen.
- Umlaute und ß in ASCII-sicheren E-Mail-Vorlagen darstellen.
- Text mit & oder < sicher in Attribute und Templates einsetzen.
- Sonderzeichen wie €, © oder ™ zuverlässig in HTML schreiben.
- Emoji in Systemen verwenden, die nur ASCII speichern.
Beispiele für Entities
- ä: ä (benannt), ä (dezimal), ä (hex).
- ß: ß, ß, ß.
- é: é, é, é.
- €: €, €, €.
- ©: ©, ©, ©.
- Geschütztes Leerzeichen: ,  ,  .
Häufig gestellte Fragen
Muss ich Umlaute in HTML kodieren?
Bei Seiten in UTF-8 nicht. Kodieren ist nur nötig, wenn ein System kein UTF-8 verarbeitet oder ausdrücklich ASCII verlangt.
Schützt das Escapen vor XSS?
Das Escapen der 5 Sonderzeichen ist die Grundlage, um Text sicher in HTML-Inhalt und Attribute in Anführungszeichen einzufügen. In Skripten, URLs oder CSS gelten andere Regeln.
Benannt, dezimal oder hexadezimal?
Alle drei werden von Browsern gleich dargestellt. Benannte Entities sind lesbarer, numerische gibt es für jedes Zeichen, auch für Emoji.
Wird mein Text hochgeladen?
Nein, die Kodierung findet ausschließlich in Ihrem Browser statt.
Ist das kostenlos?
Eine Datei oder ein eingefügter Text ist kostenlos; denselben Text können Sie mit anderen Optionen erneut kodieren. Für neue Eingaben brauchen Sie ToolStudio Pro: unbegrenzt, mehrere Dateien als ZIP, ohne Werbung, jederzeit kündbar.