ToolKitHive
Terug
dev

HTML Entity Encoder/Decoder

Codeer speciale tekens naar HTML entities en decodeer ze terug naar leesbare tekst.

Invoer

Plak platte tekst om te encoderen of HTML entities om te decoderen.

0 chars
Resultaat

Uw gecodeerde of gedecodeerde resultaat verschijnt hier.

0 chars
Veelgebruikte HTML-entiteiten

Klik op een entiteit om deze naar uw klembord te kopiëren.

HTML Entity Encoder/Decoder — Converteer HTML-entiteiten online gratis

Onze gratis HTML Entity Encoder/Decoder laat je snel omzetten tussen speciale tekens en hun HTML-entiteiten. Encodeer tekst om HTML-tags, symbolen en speciale tekens veilig weer te geven op webpagina's — of decodeer HTML-entiteiten terug naar leesbare tekst. Alles verloopt in je browser zonder enige data-overdracht.

Wat zijn HTML-entiteiten?

HTML-entiteiten zijn speciale codes die in HTML worden gebruikt om tekens weer te geven die anders als opmaak zouden worden geïnterpreteerd. Bijvoorbeeld, het kleinere-tekens < wordt gebruikt om HTML-tags te openen, dus om een letterlijke < weer te geven op een webpagina moet je &lt; schrijven. Op dezelfde manier wordt & &amp;, " &quot;, en © &copy;.

Er zijn drie soorten HTML-entiteiten:

  • Genoemde entiteiten gebruiken een leesbare naam, zoals &nbsp; voor een niet-breekbare spatie of &eacute; voor é.
  • Decimale numerieke entiteiten gebruiken de Unicode-codepunt in decimaal, zoals &#169; voor ©.
  • Hexadecimale numerieke entiteiten gebruiken het codepunt in hex, zoals &#x00A9; voor ©.

Alle drie vormen geven hetzelfde resultaat in de browser. De keuze tussen hen hangt meestal af van leesbaarheid en compatibiliteit. Genoemde entiteiten zijn het makkelijkst te lezen, terwijl numerieke entiteiten werken voor elk Unicode-tekens — zelfs die zonder een genoemd entiteit.

Hoe gebruik je dit gereedschap

  1. Plak je tekst in het invoerveld — dit kan gewone tekst zijn die je wilt encoderen, of HTML-entiteiten die je wilt decoderen.
  2. Klik op "Encodeer" om speciale tekens om te zetten in hun HTML-entiteiten. Bijvoorbeeld, <div> wordt &lt;div&gt;.
  3. Klik op "Decoderen" om HTML-entiteiten terug te zetten in hun oorspronkelijke tekens. Bijvoorbeeld, &amp; wordt &.
  4. Kopieer het resultaat naar je klembord met één klik.

Het gereedschap ondersteunt genoemde entiteiten, decimale numerieke entiteiten (&#123;) en hexadecimale numerieke entiteiten (&#x1F4A9;). Het verwerkt het volledige Unicode-gebied, inclusief emoji's.

Belangrijke functies

Functie Voordeel
Bidirectionele conversie Encodeer tekst naar entiteiten of decodeer entiteiten naar tekst
Ondersteuning voor genoemde entiteiten Gebruikt leesbare namen zoals &copy; in plaats van numerieke codes
Ondersteuning voor numerieke entiteiten Verwerkt zowel decimale (&#169;) als hexadecimale (&#x00A9;) formaten
Volledige Unicode-coverage Encodeert en decodeert elk teken, inclusief emoji's
Bulkverwerking Converteer hele blokken tekst tegelijk
Nul data-overdracht Alle verwerking gebeurt lokaal in je browser

In tegenstelling tot veel encodergereedschappen die alleen de vijf basis XML-entiteiten (&, <, >, ", ') verwerken, ondersteunt ons gereedschap de volledige HTML5 genoemde entiteitenlijst — meer dan 2.000 entiteiten — en valt terug op numerieke codering voor elk teken zonder genoemde entiteit.

Reële toepassingen

Weergave van HTML-code op een webpagina

Als je HTML-broncode als tekst wilt tonen op een webpagina — bijvoorbeeld in een blogbericht of tutorial — moet je de haakjes encoderen. Het schrijven van &lt;div class="example"&gt; toont als <div class="example"> in de browser zonder als een echte HTML-element te worden geïnterpreteerd.

Voorbereiden van inhoud voor XML- en RSS-feeds

XML-parsers interpreteren < en & als opmaak. Elke inhoud die deze tekens bevat moet worden gecodeerd voordat deze in XML-elementen wordt geplaatst. Dit is vooral belangrijk voor RSS-feeds, Atom-feeds en sitemap-bestanden.

Encoderen van e-mailinhoud

HTML-e-mails vereisen vaak entiteitenencoderen voor speciale tekens om correct weer te geven over verschillende e-mailclients. Tekens zoals ©, ®, en zijn veiliger als ze worden gecodeerd als entiteiten.

Sanitiseren van gebruikersinvoer

Wanneer gebruikersgemaakte inhoud op een webpagina wordt weergegeven, voorkomt het encoderen van HTML-entiteiten cross-site scripting (XSS) door tags zoals <script> te neutraliseren. Dit is een fundamentele beveiligingspraktijk voor elke webtoepassing.

Referentie van veelvoorkomende HTML-entiteiten

Tekens Genoemde entiteit Decimaal Hex
& &amp; &#38; &#x26;
< &lt; &#60; &#x3C;
> &gt; &#62; &#x3E;
" &quot; &#34; &#x22;
' &apos; &#39; &#x27;
© &copy; &#169; &#x00A9;

Tips

  • Gebruik altijd genoemde entiteiten voor leesbaarheid.
  • Zorg ervoor dat je geen onnodige entiteiten gebruikt, tenzij ze vereist zijn.
  • Test altijd je geencodeerde tekst in een browser om te controleren of het correct werkt.
  • Vermijd dubbel gecodeerde tekens, tenzij ze specifiek nodig zijn.

Vaakgestelde vragen

Wat gebeurt er als ik een entiteit verkeerd gebruik?

Als je een entiteit verkeerd gebruikt, kan dit leiden tot onverwachte resultaten in je webpagina. Zorg altijd dat je de juiste entiteiten gebruikt voor de tekens die je wilt weergeven.

Hoe controleer ik of mijn geencodeerde tekst correct is?

Je kunt je geencodeerde tekst controleren door het in een browser te openen en te kijken of de tekens correct worden weergegeven. Je kunt ook online tools gebruiken om je tekst te valideren.

Wat is de voordelen van het gebruik van genoemde entiteiten in plaats van numerieke?

Genoemde entiteiten zijn makkelijker te lezen en begrijpen, terwijl numerieke entiteiten minder leesbaar zijn. Genoemde entiteiten zijn dus beter voor het schrijven van HTML-code.

Hoe kan ik mijn tekst snel encoderen en decoderen?

Je kunt je tekst snel encoderen en decoderen met behulp van online tools of met behulp van een texteditor die HTML-entiteiten ondersteunt. Onze tool biedt ook een snelle en eenvoudige manier om dit te doen.

enptesdejafrruitnltrarzh