HTML-entiteiten coderen/decoderen
Codeer en decodeer HTML-entiteiten
Coderen en decoderen worden samen bijgewerkt. Spaties blijven behouden; entiteiten worden één keer gedecodeerd.
Verwerkt op dit apparaat. Uw tekst wordt niet geüpload.
Snelle voorbeelden
Veelgebruikte HTML-entiteiten
Over het coderen van HTML-entiteiten
Met HTML-entiteiten kunt u speciale tekens als tekst in HTML weergeven. Escape tekst voor de context waarin die wordt gebruikt; het coderen van entiteiten alleen is geen vervanging voor het opschonen van onbetrouwbare HTML.
Over de HTML-encoder en -decoder
Onze gratis HTML-encoder en -decoder zet speciale tekens om in hun HTML-entiteiten en draait dat proces ook weer terug. Tekens zoals punthaken, ampersands en aanhalingstekens hebben een speciale betekenis in HTML en moeten worden gecodeerd om correct op webpagina's te worden weergegeven en om cross-site scripting (XSS)-aanvallen te voorkomen.
HTML-entiteitscodering vervangt gereserveerde tekens door benoemde of numerieke entiteitsverwijzingen. Zo wordt < omgezet in <, & in & en " in ". Hierdoor tonen browsers de tekens als tekst in plaats van ze als HTML-opmaak te interpreteren, wat essentieel is om door gebruikers gemaakte inhoud veilig weer te geven.
Deze tool verwerkt alles lokaal in uw browser en is daarom ideaal voor het coderen van gevoelige inhoud, het opschonen van formulierinvoer tijdens de ontwikkeling of het snel opzoeken van HTML-entiteitsverwijzingen. De ingebouwde verwijzingstabel bevat de meest gebruikte HTML-entiteiten voor directe toegang.
Belangrijkste functies
- Tweerichtingscodering en -decodering van HTML-entiteiten in realtime
- Ondersteuning voor benoemde entiteiten (&), decimale (&) en hexadecimale (&) notaties
- Uitgebreide verwerking van alle gereserveerde HTML-tekens
- Ingebouwde snelle verwijzingstabel voor veelgebruikte HTML-entiteiten
- Kopiëren naar het klembord met één klik voor gecodeerde of gedecodeerde uitvoer
- Beveiligingsgerichte codering die XSS- en injectieaanvallen voorkomt
- Interactieve voorbeelden met HTML-tags, scripts en formulierelementen
- Directe verwerking zonder communicatie met een server
- Knop Alles wissen om invoer en uitvoer terug te zetten
- Donkere modus voor prettig lezen
De HTML-encoder gebruiken
- Voer uw tekst in: Typ of plak HTML-code, gewone tekst met speciale tekens of al gecodeerde entiteiten in het invoerveld.
- Bekijk de gecodeerde uitvoer: Het linker uitvoerpaneel toont direct de tekst waarin de voor HTML gereserveerde tekens (ampersand, punthaken, aanhalingstekens en schuine streep) zijn vervangen door hun entiteiten.
- Bekijk de gedecodeerde uitvoer: Het rechter uitvoerpaneel decodeert alle HTML-entiteiten in uw invoer terug naar de oorspronkelijke tekens.
- Kopieer het resultaat: Klik op de knop Kopiëren naast een van beide uitvoeren om de gecodeerde of gedecodeerde tekst naar uw klembord te kopiëren.
- Gebruik de verwijzingstabel: Klik op een entiteit in het gedeelte Veelgebruikte HTML-entiteiten om die te laden en het teken te zien waarnaar die wordt gedecodeerd, of gebruik de tabel als snelle opzoekgids.
Toepassingen
- XSS voorkomen: Codeer door gebruikers gemaakte inhoud voordat u die in HTML weergeeft, om cross-site scripting-aanvallen en scriptinjectie te voorkomen.
- Codefragmenten tonen: Codeer HTML-, CSS- of JavaScript-code zodat die als leesbare tekst op webpagina's verschijnt in plaats van door de browser te worden uitgevoerd.
- E-mailsjablonen: Codeer speciale tekens in HTML-e-mailsjablonen voor een consistente weergave in verschillende e-mailclients.
- Beheer van cms-inhoud: Maak via contentmanagementsystemen ingediende inhoud schoon om kapotte opmaak en beveiligingsproblemen te voorkomen.
- Opslag in databases: Codeer tekst voordat u die in databases opslaat om SQL-injectie te voorkomen en ervoor te zorgen dat speciale tekens correct behouden blijven.
- Verwerking van XML-documenten: Codeer gereserveerde tekens voor veilige opname in XML-documenten en XHTML-pagina's die dezelfde entiteitsregels hanteren.
- API-responses verwerken: Decodeer HTML-entiteiten uit API's of webscraping om schone, leesbare tekst te krijgen.
Veelgestelde vragen
Wat is HTML-entiteitscodering?
HTML-entiteitscodering vervangt tekens met een speciale betekenis in HTML (zoals <, >, & en ") door entiteitsverwijzingen die browsers als tekst weergeven. Zo voorkomt u dat de browser ze als HTML-opmaak of code interpreteert.
Waarom is HTML-codering belangrijk voor de beveiliging?
Zonder juiste codering kunnen aanvallers via invoervelden schadelijke scripts injecteren. HTML-codering maakt deze aanvallen onschadelijk door scripttags en event handlers om te zetten in ongevaarlijke tekst die de browser weergeeft in plaats van uitvoert.
Wat is het verschil tussen benoemde en numerieke entiteiten?
Benoemde entiteiten gebruiken beschrijvende namen (zoals & voor &), numerieke entiteiten gebruiken decimale (&) of hexadecimale (&) tekencodes. Benoemde entiteiten zijn beter leesbaar, maar numerieke entiteiten kunnen elk Unicode-teken weergeven.
Is deze tool gratis?
Ja, deze HTML-encoder en -decoder is volledig gratis, zonder gebruikslimieten, zonder account en zonder beperking op de hoeveelheid tekst die u kunt verwerken.
Zijn mijn gegevens veilig?
Ja. Alle codering en decodering gebeurt volledig in uw browser met JavaScript. Er worden geen gegevens naar een server verzonden, dus de tool is volledig veilig voor gevoelige inhoud, bedrijfseigen code of vertrouwelijke informatie.
Welke tekens moeten in HTML worden gecodeerd?
U codeert minimaal de vijf gereserveerde HTML-tekens: < (kleiner dan), > (groter dan), & (ampersand), " (dubbel aanhalingsteken) en ' (enkel aanhalingsteken/apostrof). Ook andere tekens, zoals vaste spaties en copyrighttekens, hebben benoemde entiteiten.
Tips & best practices
- Codeer gebruikersinvoer altijd: Alle door gebruikers ingediende inhoud moet HTML-gecodeerd zijn voordat u die op een pagina weergeeft, om XSS-kwetsbaarheden te voorkomen.
- Codeer bij uitvoer, niet bij invoer: Bewaar de originele tekst in uw database en codeer die pas bij het weergeven in HTML. Zo blijven de oorspronkelijke gegevens behouden en kunt u per context anders coderen.
- Gebruik de verwijzingstabel: De ingebouwde HTML-entiteitentabel geeft snel toegang tot veelgebruikte entiteiten, zoals de symbolen voor copyright (©), gedeponeerd merk (®) en handelsmerk (™).
- Test met praktijkvoorbeelden: Gebruik de voorbeeldknoppen met HTML-tags, scripttags en formulierelementen om te zien hoe codering potentieel gevaarlijke inhoud onschadelijk maakt.
- Codeer niet dubbel: Bevat uw tekst al HTML-entiteiten, decodeer dan eerst en codeer daarna opnieuw. Zo voorkomt u problemen zoals &amp; in uw uitvoer.
- Houd rekening met de context: Voor HTML-attribuutwaarden gelden andere coderingsregels dan voor tekstinhoud. Gebruik altijd de juiste coderingsfuncties van uw programmeertaal voor de betreffende context.