Upgrade naar Premium — geen advertenties, meer mogelijkheden! ⚡ — Leer meer
Fetchlify

HTML-encoder/decoder

Tekstinvoer

Plak de tekst die u wilt coderen naar HTML-entiteiten.

Instellingen

Plak de tekst en klik op Coderen of Decoderen.

Laat het ons weten

Deel uw ervaring.

Vergelijkbare tools

URL-encoder/decoder

URL's coderen en decoderen

Getallenbasisomzetter

Converteren tussen binair, hexadecimaal, decimaal, enz.

Woord- en tekenteller

Bereken het aantal tekens, woorden en zinnen.

Base64-encoder/decoder

Tekst en bestanden coderen of decoderen van/naar Base64.

Over HTML-encoder/decoder

Codeer en decodeer HTML-entiteiten online. Ondersteunt benoemde en numerieke entiteiten. Gratis tool voor webontwikkelaars.

Hoe te gebruiken

1

Stap 1

Selecteer de conversiemodus: Coderen (tekst naar HTML) of Decoderen (HTML naar tekst)

2

Stap 2

Plak je tekst of HTML-elementen in het invoerveld.

3

Stap 3

Voor codering: laad voorbeelden om verschillende teksttypen te bekijken.

4

Stap 4

Klik op 'Referentie' om de tabel met veelgebruikte HTML-entiteiten te bekijken.

5

Stap 5

Configureer de coderingsopties: codeer alle tekens, gebruik benoemde entiteiten

6

Stap 6

Klik op 'Coderen' of 'Decoderen' om te converteren.

7

Stap 7

Kopieer de uitvoer om deze in je project te gebruiken.

Kenmerken en voordelen

  • ✅Bidirectionele conversie: Tekst ↔ HTML-entiteiten
  • ✅Codeer speciale HTML-tekens: < > & " '
  • ✅Codeer alle tekens, inclusief niet-ASCII-tekens (optioneel).
  • ✅Gebruik benoemde entiteiten (&) of numerieke entiteiten (&)
  • ✅Decodeer zowel benoemde als numerieke entiteiten
  • ✅Ondersteuning voor decimale (&123;) en hexadecimale (&xAB;) entiteiten
  • ✅Referentietabel met gemeenschappelijke entiteiten, met meer dan 20 entiteiten.
  • ✅4 tekstvoorbeelden: basis, speciale tekens, code, gemengd
  • ✅Toont teken, benoemde entiteit, numerieke entiteit en beschrijving
  • ✅Kopiëren naar het klembord met één klik
  • ✅Modusschakelaar voor snelle omschakeling van de draairichting.
  • ✅Realtime conversie
  • ✅100% browsergebaseerd - gegevens worden nooit naar een server verzonden.
  • ✅100% gratis - geen beperkingen, geen registratie vereist

Veelgestelde vragen

Wat zijn HTML-entiteiten?

HTML-entiteiten zijn speciale codes die worden gebruikt om gereserveerde tekens in HTML weer te geven. Zo moet < bijvoorbeeld worden geschreven als &lt; of &#60; om letterlijk te worden weergegeven in plaats van te worden geïnterpreteerd als een HTML-tag. Entiteiten voorkomen HTML-injectie en zorgen voor een correcte weergave van speciale tekens.

Wat is het verschil tussen benoemde en numerieke entiteiten?

Benoemde entiteiten gebruiken beschrijvende namen: < (kleiner dan), & (ampersand), &copy (copyright). Numerieke entiteiten gebruiken tekencodes: &#60 (decimaal) of &#x3C (hexadecimaal). Benoemde entiteiten zijn beter leesbaar, maar numerieke entiteiten werken voor elk teken. Beide worden gedecodeerd naar hetzelfde teken.

Wanneer moet ik HTML coderen?

Codeer HTML wanneer: gebruikersinvoer op webpagina's wordt weergegeven (dit voorkomt XSS-aanvallen), codevoorbeelden in HTML worden getoond, gegevens in XML/HTML-formaat worden opgeslagen of speciale tekens correct worden weergegeven. Codering is essentieel voor de beveiliging bij het verwerken van onbetrouwbare inhoud.

Moet ik alle tekens coderen of alleen speciale tekens?

Codeer in de meeste gevallen alleen speciale HTML-tekens (< > & " '). Gebruik 'Alle tekens coderen' wanneer u niet-ASCII-tekens (accenten, symbolen, emoji) moet coderen voor maximale compatibiliteit met oudere systemen of wanneer u alleen in ASCII-formaten opslaat.

Kan ik elke HTML-entiteit decoderen?

Ja! De decoder verwerkt benoemde entiteiten (<, &copy;, enz.), decimale numerieke entiteiten (&#123;) en hexadecimale numerieke entiteiten (&#xAB;). Hij herkent alle standaard HTML-entiteiten en zet ze terug naar hun oorspronkelijke tekens.

Wat zijn de meest voorkomende HTML-entiteiten?

De vijf essentiële elementen zijn: < (<), > (>), &&, &quot ("), en &apos ('). Deze moeten in HTML-content worden opgenomen. Andere veelvoorkomende elementen zijn &nbsp; (niet-brekende spatie), &copy (©), &reg (®), en &euro (€). Klik op 'Referentie' om de volledige tabel te bekijken.

Waarom benoemde entiteiten gebruiken in plaats van numerieke?

Benoemde entiteiten (&copy; in plaats van &#169;) zijn beter leesbaar en documenteren zichzelf in de broncode. Ze zijn gemakkelijker te onthouden en te begrijpen. Numerieke entiteiten werken echter voor elk Unicode-teken, terwijl benoemde entiteiten alleen bestaan voor veelvoorkomende tekens.

Hoe kan ik HTML-code op een webpagina weergeven?

Codeer de HTML-code met deze tool. Bijvoorbeeld, <div> wordt &lt;div&gt;. Dit voorkomt dat de browser het als echte HTML interpreteert en het in plaats daarvan als tekst weergeeft. Essentieel voor codevoorbeelden, tutorials en documentatie.

Wat is het verschil tussen '&' en '&'?

Beide symbolen staan voor het enkele aanhalingsteken ('). &apos; is de benoemde entiteit, &#39; is de numerieke entiteit. Ze zijn functioneel identiek. Opmerking: &apos; is gedefinieerd in XML, maar niet in HTML4 (hoewel het breed ondersteund wordt). &#39; werkt overal.

Kan ik dit gebruiken om XSS-aanvallen te voorkomen?

HTML-codering is één laag van XSS-preventie. Het zet gevaarlijke tekens zoals < en > om in veilige entiteiten, waardoor scriptinjectie wordt voorkomen. Volledige XSS-bescherming vereist echter meerdere lagen: invoervalidatie, uitvoercodering, Content Security Policy en correct frameworkgebruik.

Zijn mijn gegevens veilig?

Ja! Alle codering en decodering vindt volledig plaats in uw browser met behulp van JavaScript. Uw tekst en HTML verlaten uw apparaat nooit en worden niet naar een server verzonden, waardoor volledige privacy en veiligheid gegarandeerd zijn.