Kodare/avkodare för HTML-entiteter
Koda och avkoda HTML-entiteter
Kodning och avkodning uppdateras tillsammans. Mellanslag bevaras och entiteter avkodas en gång.
Bearbetas på den här enheten. Din text laddas inte upp.
Snabba exempel
Vanliga HTML-entiteter
Om kodning av HTML-entiteter
Med HTML-entiteter kan du visa specialtecken som text i HTML. Gör en escape av texten för den kontext där den ska användas. Entitetskodning ersätter inte rensning av otillförlitlig HTML.
Om kodare/avkodare för HTML-entiteter
Vårt kostnadsfria verktyg för kodning och avkodning av HTML omvandlar specialtecken till motsvarande HTML-entiteter och gör det omvända. Tecken som vinkelparenteser, et-tecken och citationstecken har särskild betydelse i HTML och måste kodas för att visas korrekt på webbsidor och för att förhindra cross-site scripting-attacker (XSS).
HTML-entitetskodning ersätter reserverade tecken med namngivna eller numeriska entitetsreferenser. Till exempel blir < till <, & blir & och " blir ". Det gör att webbläsare visar tecknen som text i stället för att tolka dem som HTML-kod, vilket är avgörande för att visa användargenererat innehåll på ett säkert sätt.
Verktyget bearbetar allt lokalt i din webbläsare, vilket gör det idealiskt för att koda känsligt innehåll, rensa formulärindata under utveckling eller snabbt slå upp HTML-entitetsreferenser. Den inbyggda referenstabellen omfattar de vanligaste HTML-entiteterna för snabb åtkomst.
Viktiga funktioner
- Kodning och avkodning av HTML-entiteter åt båda hållen i realtid
- Stöd för namngivna entiteter (&) samt decimala (&) och hexadecimala (&) format
- Fullständig hantering av alla reserverade HTML-tecken
- Inbyggd snabbreferenstabell för vanliga HTML-entiteter
- Kopiera till urklipp med ett klick för kodade eller avkodade utdata
- Säkerhetsinriktad kodning som förhindrar XSS- och injektionsattacker
- Interaktiva exempel med HTML-taggar, skript och formulärelement
- Omedelbar bearbetning utan någon serverkommunikation
- Knapp för att rensa allt och återställa indata och utdata
- Stöd för mörkt läge för bekväm visning
Så använder du HTML-kodaren
- Ange din text: Skriv eller klistra in HTML-kod, vanlig text med specialtecken eller redan kodade entiteter i indatafältet.
- Se kodade utdata: Den vänstra utdatapanelen visar direkt texten där de HTML-reserverade tecknen (et-tecken, vinkelparenteser, citationstecken och snedstreck) har ersatts med motsvarande entiteter.
- Se avkodade utdata: Den högra utdatapanelen avkodar alla HTML-entiteter i din indata tillbaka till de ursprungliga tecknen.
- Kopiera resultatet: Klicka på knappen Kopiera bredvid någon av utdatapanelerna för att kopiera den kodade eller avkodade texten till urklipp.
- Använd referenstabellen: Klicka på en entitet i avsnittet Vanliga HTML-entiteter för att läsa in den och se vilket tecken den avkodas till, eller använd tabellen som en snabb uppslagsguide.
Användningsområden
- Skydd mot XSS: Koda användargenererat innehåll innan det renderas i HTML för att förhindra cross-site scripting-attacker och skriptinjektion.
- Visa kodavsnitt: Koda HTML-, CSS- eller JavaScript-kod så att den visas som läsbar text på webbsidor i stället för att köras av webbläsaren.
- E-postmallar: Koda specialtecken i HTML-mallar för e-post så att de visas på samma sätt i olika e-postklienter.
- Hantering av CMS-innehåll: Rensa innehåll som skickas in via innehållshanteringssystem för att förhindra trasiga layouter och säkerhetsrisker.
- Databaslagring: Koda text innan den lagras i databaser för att förhindra SQL-injektion och se till att specialtecken bevaras korrekt.
- Bearbetning av XML-dokument: Koda reserverade tecken så att de säkert kan ingå i XML-dokument och XHTML-sidor som delar samma entitetsregler.
- Hantering av API-svar: Avkoda HTML-entiteter som tas emot från API:er eller webbskrapning för att få fram ren och läsbar text.
Vanliga frågor
Vad är HTML-entitetskodning?
HTML-entitetskodning ersätter tecken som har särskild betydelse i HTML (som <, >, & och ") med entitetsreferenser som webbläsare visar som text. Det hindrar webbläsaren från att tolka dem som HTML-kod eller programkod.
Varför är HTML-kodning viktigt för säkerheten?
Utan korrekt kodning kan angripare injicera skadliga skript via användarens inmatningsfält. HTML-kodning gör sådana attacker ofarliga genom att omvandla skripttaggar och händelsehanterare till harmlös text som webbläsaren visar i stället för att köra.
Vad är skillnaden mellan namngivna och numeriska entiteter?
Namngivna entiteter använder beskrivande namn (som & för &), medan numeriska entiteter använder decimala (&) eller hexadecimala (&) teckenkoder. Namngivna entiteter är mer läsbara, men numeriska entiteter kan representera vilket Unicode-tecken som helst.
Är verktyget gratis?
Ja, den här HTML-kodaren och avkodaren är helt gratis, utan användningsgränser, utan krav på konto och utan begränsningar för hur mycket text du kan bearbeta.
Är mina data säkra?
Ja. All kodning och avkodning utförs helt i din webbläsare med JavaScript. Inga data skickas till någon server, vilket gör verktyget helt säkert för bearbetning av känsligt innehåll, proprietär kod eller konfidentiell information.
Vilka tecken måste kodas i HTML?
Du bör som minimum koda de fem reserverade HTML-tecknen: < (mindre än), > (större än), & (et-tecken), " (dubbelt citationstecken) och ' (enkelt citationstecken/apostrof). Ytterligare tecken som hårda mellanslag och upphovsrättssymboler har också namngivna entiteter.
Tips och bästa praxis
- Koda alltid användarinmatning: Allt innehåll som användare skickar in bör HTML-kodas innan det renderas på en sida, för att förhindra XSS-sårbarheter.
- Koda vid utmatning, inte vid inmatning: Spara originaltexten i databasen och koda den först när den renderas till HTML. Då bevaras originaldata, och du kan koda olika för olika sammanhang.
- Använd referenstabellen: Den inbyggda referensen över HTML-entiteter ger snabb åtkomst till vanliga entiteter som symbolerna för upphovsrätt (©), registrerat varumärke (®) och varumärke (™).
- Testa med verklig indata: Använd exempelknapparna för att testa med HTML-taggar, skripttaggar och formulärelement och se hur kodningen gör potentiellt farligt innehåll ofarligt.
- Koda inte två gånger: Om din text redan innehåller HTML-entiteter förhindrar du problem som &amp; i utdata genom att först avkoda och sedan koda om.
- Ta hänsyn till sammanhanget: Värden i HTML-attribut kräver andra kodningsregler än textinnehåll. Använd alltid lämpliga kodningsfunktioner i ditt programmeringsspråk för det aktuella sammanhanget.