HTML-Entity-Encoder
Und ein Decoder, der verzeiht
Dieser HTML-Entity-Encoder wandelt Text in benannte, dezimale oder hexadezimale Entities um und wieder zurück. Standardmäßig kodiert er die fünf Zeichen, die HTML reserviert, und auf Wunsch außerdem alles außerhalb von ASCII.
- KostenlosPreis
- 3Formen
- KeineAnmeldung
- KeineUploads
HTML-Entity-Encoder und -Decoder
Text zu Entities und zurück, mit erklärten Regeln
- Zeichen hinein
- 0
- Umgewandelt
- 0
- Zeichen heraus
- 0
Fünf Zeichen müssen in HTML wirklich kodiert werden: das Kaufmanns-Und, beide spitzen Klammern und beide Anführungszeichen. Alles andere ist eine Frage von Sicherheitsspielräumen.
Bereit. Fügen Sie etwas ein, und es wird beim Tippen umgewandelt.
Welche Zeichen HTML reserviert
Fünf Zeichen bedeuten einem Parser etwas. Das Kaufmanns-Und beginnt eine Entity, die beiden spitzen Klammern öffnen und schließen ein Tag, und außerdem beenden die beiden Anführungszeichen einen Attributwert.
Alles andere ist gewöhnlicher Text. Also passieren ein Umlaut, ein Gedankenstrich und ein Emoji ein UTF-8-Dokument unverändert.
Deshalb ist Kodieren enger gefasst, als die meisten denken. Im Fließtext brauchen Sie drei der fünf, und innerhalb eines Attributs zusätzlich das passende Anführungszeichen.
Die vollständige Namensliste steht im HTML-Standard und umfasst über zweitausend Einträge. Fast keiner davon ist jedoch nötig.
Benannt, dezimal oder hexadezimal
Benannte Entities lesen sich gut, weil ein sagt, was es ist. Ein   nennt Ihnen hingegen nur eine Zahl.
Zahlen funktionieren immer. Jeder Codepunkt hat eine, keine Tabelle ist beteiligt, und folglich hängt nichts davon ab, dass ein Parser einen Namen kennt.
Hexadezimal ist dieselbe Zahl zur Basis sechzehn. Nutzen Sie sie, wenn Sie Werte aus einer Unicode-Tabelle kopieren, da Tabellen sie so drucken.
Wann alles kodiert werden sollte
Ein als UTF-8 ausgeliefertes Dokument braucht für Akzente gar keine Entities, da die Zeichen einfach Zeichen sind. Dann liest der Browser sie korrekt.
Alles außerhalb von ASCII zu kodieren ist eine Versicherung gegen einen Server, der das falsche charset sendet. Allerdings wird die Datei dadurch größer und viel schwerer zu bearbeiten.
Greifen Sie daher nur dazu, wenn Sie die Header nicht steuern können. In jedem anderen Fall ist eine korrekte charset-Angabe die bessere Lösung.
Entities sind keine Bereinigung
Text vor der Ausgabe in eine Seite zu kodieren verhindert, dass er zu Markup wird. Das ist Escaping, und außerdem ändern sich die Regeln je nach Ort: Attribut, Skriptblock und URL brauchen jeweils eigene.
Warum Dekodieren die schwierigere Hälfte ist
Echte Dokumente enthalten benannte, dezimale und hexadezimale Entities und viele ohne Semikolon. Ein Decoder muss also alle vier beherrschen.
Außerdem muss er alles in Ruhe lassen, was nur wie eine Entity aussieht. Das Wort &foo; ist Text, und ein Decoder, der rät, beschädigt Prosa.
Dieser Decoder prüft Namen gegen seine Tabelle und Codepunkte gegen den gültigen Bereich. Deshalb kommt alles, was er nicht erkennt, genau so zurück, wie es geschrieben war.
Wo Entities noch auftauchen
Alte E-Mail-Templates tragen sie zu Hunderten. Ebenso CMS-Exporte und PDF-Konvertierungen, und außerdem alles, was je durch ein Textprogramm gelaufen ist.
Sie tauchen auch in CSV-Dateien auf, die von einer Webseite stammen. Zum Beispiel ist eine Namensspalte voller amp und rsquo das übliche Zeichen.
Eine solche Datei einmal zu dekodieren macht sie wieder lesbar. Danach sehen Sie die verirrten Anführungszeichen und Striche, die sich als Codes versteckt haben.
Behalten Sie jedoch eine Kopie des Originals. Sollte ein Wert kodiert bleiben, wollen Sie ihn zurückholen können.
Das Problem mit geschützten Leerzeichen
Textprogramme fügen sie ein, und auf dem Bildschirm sehen sie aus wie ein normales Leerzeichen. Dann brechen sie den Zeilenumbruch und Ihre Textvergleiche. Deshalb ist das Dekodieren eines eingefügten Blocks der schnellste Weg, sie zu finden.
Auf dieser Seite
- Das Tool
- Welche Zeichen HTML reserviert
- So nutzen Sie den HTML-Entity-Encoder
- Was diesen HTML-Entity-Encoder auszeichnet
- Regeln für das Kodieren von HTML-Sonderzeichen
- Sechs Entity-Fehler, die es in die Produktion schaffen
- Häufige Fragen zu Entities
- Tools für die Arbeit mit Markup
Weiterlesen
So nutzen Sie den HTML-Entity-Encoder
Drei Schritte, und das Ergebnis folgt jedem Tastendruck. Außerdem übernimmt die Tausch-Schaltfläche den Rückweg.
- 1
Eine Richtung wählen
Kodieren macht aus Zeichen Entities. Dekodieren macht hingegen aus Entities wieder Zeichen, auch aus solchen ohne Semikolon.
- 2
Die Form wählen
Benannt, wo es einen Namen gibt, oder Zahlen in dezimal oder hexadezimal. Zahlen funktionieren immer, deshalb sind sie für Maschinen die sicherere Voreinstellung.
- 3
Festlegen, wie viel kodiert wird
Lassen Sie den ASCII-Schalter für normale Arbeit aus. Schalten Sie ihn ein, wenn ein Server das falsche charset sendet und Sie die Header nicht ändern können.
- 4
Kopieren oder tauschen und prüfen
Drücken Sie Ergebnis nach links verschieben, und die Richtung kehrt sich um. Erneutes Umwandeln sollte danach genau das liefern, womit Sie begonnen haben.
Was diesen HTML-Entity-Encoder auszeichnet
Die meisten Konverter beherrschen eine Richtung gut und raten bei der anderen. Das hier sind hingegen die Unterschiede, die in der Praxis zählen.
Unbekannte Namen bleiben unangetastet
Text, der wie eine Entity aussieht, aber keine ist, bleibt wie geschrieben, denn ein Decoder, der rät, beschädigt Prosa unbemerkt.
Drei Ausgabeformen
Benannt, dezimal und hexadezimal kommen aus einem Schalter, sodass Sie sich an das anpassen, was die umgebende Datei schon nutzt.
Fehlende Semikolons werden verarbeitet
Echte Dokumente lassen sie weg, und Browser verzeihen einen bekannten Namen. Deshalb macht dieser Decoder es genauso, statt zu scheitern.
Ein umkehrbarer Rückweg
Tauschen Sie die Felder und wandeln Sie erneut um. Kommt etwas nicht zu seinem Ausgangstext zurück, haben Sie einen Fehler in einem Schritt gefunden.
Keine DOM-Tricks
Diese Website blockiert den üblichen innerHTML-Trick bewusst, deshalb stehen die Tabellen in der Datei, und jeder Tausch geschieht offen.
Nichts verlässt Ihren Tab
Template-Fragmente und Kundendaten laufen durch Konverter wie diesen. Deshalb bleibt hier alles in Ihrem Browser.
Regeln für das Kodieren von HTML-Sonderzeichen
Escaping gehört zu den Aufgaben, bei denen die richtige Gewohnheit kürzer ist als die falsche.
- Bei der Ausgabe escapen, nicht bei der Eingabe. Speichern Sie, was der Nutzer eingegeben hat. Kodieren Sie dann bei der Ausgabe, und zwar für genau die Stelle, an der der Text landet.
- Die Funktion Ihres Frameworks nutzen. Jede Sprache hat eine, und sie weiß, wo der Text landet. Eine selbstgebaute Kette von Ersetzungen verpasst früher oder später einen Fall.
- UTF-8 ausliefern und deklarieren. Dann brauchen Akzente und Emojis keine Entities. Vor allem ist das die Lösung, mit der sich die ganze Frage erledigt.
- Beide Anführungszeichen in Attributen kodieren. Ein einfaches Anführungszeichen schließt ein Attribut in einfachen Anführungszeichen, genau wie ein doppeltes eines in doppelten. Kodieren Sie also beide und denken Sie nicht mehr darüber nach.
- In generierten Dateien numerische Entities bevorzugen. Keine Namenstabelle ist beteiligt, also hängt nichts davon ab, dass ein Parser ein Wort kennt. Namen helfen den Menschen, die Ihren Quelltext lesen.
- Auf doppelte Kodierung achten. Ein zweimal kodiertes Kaufmanns-Und erscheint auf der Seite als
&. Dekodieren Sie daher einmal und schauen Sie hin, bevor Sie erneut kodieren. - Geschützte Leerzeichen in eingefügtem Text suchen. Sie stammen aus Textprogrammen und brechen den Zeilenumbruch. Dekodieren Sie einen Block, dann werden die verirrten sichtbar.
- Exporte nach einem CMS-Umzug prüfen. Bei einer Migration schleicht sich doppelte Kodierung ein. Dekodieren Sie also eine Stichprobe der neuen Seiten und vergleichen Sie sie mit den alten.
- In einer Datei dieselbe Form beibehalten. Namen und Zahlen in einem Template zu mischen erschwert später die Suche nach einem verirrten Zeichen erheblich.
- Niemals escapen, um Markup zu bereinigen. Escaping macht Text sicher für die Ausgabe. Manche Tags zu erlauben und andere zu entfernen ist eine andere Aufgabe, die einen echten Sanitizer braucht.
Sechs Entity-Fehler, die es in die Produktion schaffen
Sie bestehen die Prüfung, weil die Seite korrekt aussieht. Der Schaden zeigt sich jedoch in einem Feed, einem Export oder einem Suchindex.
Doppelte Kodierung
Der häufigste Fehler. Wenn das Template einen Wert escaped und das Framework ihn noch einmal escaped, sieht der Leser rohen Entity-Text.
Standardmäßig alles kodieren
Das verdoppelt die Größe einer Seite auf Französisch oder Urdu und macht den Quelltext unlesbar. Reparieren Sie also stattdessen das charset.
Für den falschen Kontext escapen
HTML-Escaping in einem Skriptblock oder einem URL-Parameter reicht nicht. Jeder Kontext hat nämlich eigene Regeln.
Benannte Entities in XML
XML kennt fünf Namen und keinen mehr. Daher ist ein
in einer Sitemap oder einem RSS-Feed ein Parse-Fehler.Das Anführungszeichen in Attributen vergessen
Es beendet das Attribut zu früh und lässt danach den Rest des Werts als Markup stehen. So beginnt eine Injection.
Escaping als Sicherheitskontrolle betrachten
Korrektes Escaping verhindert Injection an der Ausgabestelle. Gegen das, was Sie gespeichert oder erlaubt haben, hilft es jedoch nicht.
Häufige Fragen zu Entities
Welche Zeichen muss ich in HTML kodieren?
Drei im Fließtext: das Kaufmanns-Und und beide spitzen Klammern. Innerhalb eines Attributwerts kodieren Sie außerdem das Anführungszeichen, und beide Anführungszeichen zu kodieren merkt man sich leichter.
Lieber Namen oder Zahlen?
Namen lesen sich im Quelltext besser. Zahlen funktionieren hingegen immer, brauchen keine Tabelle und sind in einer maschinell erzeugten Datei die sicherere Wahl.
Funktioniert das als HTML-Entity-Decoder online?
Ja, und es verarbeitet benannte, dezimale und hexadezimale Entities, auch solche ohne Semikolon. Unbekannte Namen bleiben außerdem genau so, wie sie geschrieben sind.
Warum sehe ich & auf meiner Seite?
Etwas hat den Text zweimal kodiert. Dekodieren Sie ihn deshalb hier einmal, um das Original zu sehen, und suchen Sie dann das zweite Escaping in Ihrem Template oder Framework.
Brauche ich Entities für Umlaute und Akzente?
Nicht in einem UTF-8-Dokument mit korrekter charset-Zeile. Kodieren Sie sie folglich nur, wenn Sie nicht steuern können, wie ein Server die Datei ausliefert.
Kann ich diese Entities in XML oder RSS nutzen?
Nutzen Sie numerische. XML definiert nämlich nur fünf benannte Entities, deshalb bricht alles andere, auch nbsp, den Feed.
Und HTML-Sonderzeichen in E-Mails?
E-Mail-Programme lesen HTML mit älteren Engines, deshalb sind numerische Entities dort die sicherere Wahl. Testen Sie außerdem vor dem Versand in einem echten Programm.
Ist Kodieren dasselbe wie Bereinigen?
Nein. Kodieren sorgt dafür, dass Text als Text erscheint. Bereinigen entscheidet hingegen, welche Tags als Markup bleiben dürfen, und dafür braucht es eine eigens gebaute Bibliothek.
Kann ich hier eine ganze Datei dekodieren?
Fügen Sie sie ein. Das Tool verarbeitet eine lange Seite ohne Verzögerung, und außerdem zeigen die Zähler, wie viele Codes es getauscht hat.
Welche Entities brechen einen RSS-Feed?
Jede benannte außer den fünf, die XML definiert. Meist ist nbsp der Übeltäter, und ein Tausch gegen einen numerischen Code repariert den Feed.
Warum zeigt mein Text seltsame Anführungszeichen?
Ein Textprogramm hat typografische Anführungszeichen eingefügt, und etwas hat sie zweimal kodiert. Deshalb genügt es, den Block hier einmal zu dekodieren, und die echten Zeichen kommen zurück.
Muss ich den Apostroph kodieren?
Innerhalb eines Attributs in einfachen Anführungszeichen ja, und der Schalter für Anführungszeichen erledigt das. Im Fließtext ist ein Apostroph hingegen normale Interpunktion und kann bleiben, wie er ist.
Warum blieb mein Kaufmanns-Und unverändert?
Weil der Encoder im Dekodiermodus lief oder das Zeichen schon Teil einer Entity war. Wechseln Sie also die Richtung und wandeln Sie erneut um, um den Unterschied zu sehen.
Landet das Eingefügte auf einem Server?
Nein. Beide Richtungen laufen in Ihrem Browser-Tab. Folglich erreicht nichts diese Website, es wird keine Kopie behalten, und das Schließen des Tabs löscht alles.
Tools für die Arbeit mit Markup
Entities sind ein Teil der Handarbeit mit HTML. Diese drei decken den Rest ab.
HTML minifizieren
Markup komprimieren oder wieder lesbar formatieren.
Tool öffnen →HTML-Tags entfernen
Den reinen Text herausziehen und die Absätze behalten.
Tool öffnen →Base64-Encoder und -Decoder
Bytes für eine Data-URI oder einen Header-Wert kodieren.
Tool öffnen →
Bereit, etwas umzuwandeln?
Fügen Sie einen Block ein, wählen Sie eine Richtung und tauschen Sie die Felder, um den Rückweg zu prüfen. Der HTML-Entity-Encoder ist kostenlos, braucht kein Konto und läuft komplett in Ihrem Browser.