HTML-entiteit-encoder & -decoder
Zet tekens om naar en van HTML-entiteiten — benoemd, decimaal of hex, alle speciale tekens of alleen de gevaarlijke vijf. Round-trip-veilig.
Wat zijn HTML-entiteiten?
HTML-entiteiten zijn de escape-sequenties waarmee je tekens met speciale betekenis voor HTML — <, >, &, ", ' — in een document kunt zetten zonder dat de parser ze als markup leest. Ze komen in drie smaken: benoemd (&), decimaal numeriek (&) en hex numeriek (&). Browsers decoderen alle drie identiek; het verschil is hoe leesbaar ze in de bron zijn.
Hoe gebruik je deze tool
Kies Coderen om tekst te escapen voordat je in HTML plakt, of Decoderen om entiteiten terug naar hun oorspronkelijke tekens te zetten. Kies Benoemd voor leesbare uitvoer (©), Decimaal of Hex voor legacy-omgevingen die geen benoemde entiteiten herkennen. Zet Bereik op gevaarlijke vijf voor normale HTML-escaping; schakel naar alle niet-ASCII als je doel een ASCII-only context is zoals een ouderwetse e-mailtemplate-engine. De Wisselen-knop draait gecodeerde en gedecodeerde kant om zodat je een round-trip kunt doen en bevestigen dat niets verloren ging.
Benoemd vs numeriek — welke te kiezen?
Benoemde entiteiten lezen beter in broncode — © vertelt de volgende ontwikkelaar dat het een copyright-symbool is; © niet. Ze zijn ook iets compacter voor gangbare tekens. Numerieke entiteiten zijn daarentegen universeel: elk Unicode-codepunt heeft er een, terwijl de benoemde-entiteit-tabel vastligt op de 252 namen die HTML5 levert. Gebruik benoemde entiteiten voor de gangbare vijf plus een handvol typografische favorieten (—, …, ©); grijp naar numeriek bij een teken zonder canonieke naam.
De vijf tekens die je altijd moet escapen
| Teken | Benoemd | Decimaal | Hex | Wanneer gebruiken |
|---|---|---|---|---|
< | < | < | < | Altijd in element-inhoud; anders denkt de parser dat een tag begint. |
> | > | > | > | Minder kritisch, maar escape het voor symmetrie en om edge-cases in oude browsers te vermijden. |
& | & | & | & | Altijd — het start elke entiteit, dus bloot laten verwart de parser. |
" | " | " | " | Binnen double-quoted attribuutwaarden. |
' | ' | ' | ' | Binnen single-quoted attribuutwaarden. Gebruik de numerieke entiteit in HTML4 — ' werd pas standaard in HTML5. |
Veelgestelde vragen
Moet ik elk teken coderen?
&, <, >, ", '. De modus alle niet-ASCII bestaat voor legacysystemen die niet UTF-8-clean zijn.Zijn HTML-entiteiten hetzelfde als URL-codering?
%20 voor spatie) is voor URL's; HTML-entiteiten (&) zijn voor HTML. Het zijn verschillende escape-mechanismen op verschillende lagen. Binnen een href heb je soms beide nodig: percent-encode de URL en HTML-encode de ampersand als het een attribuut is.Werkt ' in HTML4?
' werd pas in HTML5 als standaard benoemde entiteit ingevoerd; oudere specversies definiëren het alleen in XML. Voor maximale portabiliteit gebruik je de numerieke vorm '.Wat verwerkt de Decoderen-modus?
&, hex &) plus de volledige benoemde-entiteit-set van HTML5 — meer dan 2.200 namen. Decoderen is een strikte superset van de encoder.Stuurt deze tool mijn tekst ergens naartoe?
Hoe verschilt dit van JavaScripts encodeURIComponent?
encodeURIComponent percent-encodet voor URL's (café wordt caf%C3%A9). HTML-entiteit-codering produceert café of café. Gebruik de juiste voor de juiste context — en onze URL-parser als je URL-codering wilt inspecteren.