HTML Entity Encoder & Decoder

Q: Vilka tecken måste escapas i HTML?

I textinnehåll är & och < nödvändiga. I attributvärden ska du även escapa det citattecken du använt. Att escapa alla fem (& < > " ') är det säkra standardvalet.

Q: Är apostrofen &apos; eller &#39;?

&apos; är giltig i HTML5 och XML men inte i HTML 4, så numeriska &#39; eller &#x27; är det mest kompatibla valet och det som den här kodaren genererar.

Escapa text så att den säkert kan placeras i HTML, eller gör om entiteter som & och € till läsbara tecken igen.

Körs i din webbläsareIngen registreringInget laddas upp

Text eller HTML att koda

Kodat

Så använder du HTML Entity Encoder / Decoder

Välj Koda för att escapa text, eller Avkoda för att göra om entiteter till tecken igen.
Vid kodning väljer du vilka tecken som ska escapas: bara HTML-specialtecknen, även alla icke-ASCII-tecken, eller allt utom bokstäver och siffror.
Välj namngivna entiteter (é), decimala (é) eller hex (é).
Kopiera resultatet. Vid avkodning listas okända entiteter så att du lätt hittar stavfel.

Varför escapa HTML?

Fem tecken har särskild betydelse i HTML: & inleder en entitet, < och > avgränsar taggar, och " och ' avslutar attributvärden. Om text från användare som innehåller dem infogas på en sida utan escaping kan den förstöra layouten eller, ännu värre, injicera skript (cross-site scripting, XSS). Escaping gör om dem till &, <, >, " och ', som webbläsaren visar som text.

Namngivna, decimala och hexadecimala entiteter

Varje Unicode-tecken kan skrivas som en numerisk referens: decimalt € eller hexadecimalt € för €. Många vanliga tecken har också ett läsbart namn, som €, © eller  . Numeriska referenser fungerar överallt, även i XML, som bara definierar fem namngivna entiteter. Namngivna entiteter är lättare att läsa i källkoden.

Behöver jag koda icke-ASCII-tecken?

Inte om sidan levereras som UTF-8, vilket nästan alla moderna webbplatser gör (<meta charset="utf-8">). Tecken som é, ü eller 日本 kan skrivas direkt. Att koda dem är användbart för äldre system, e-postmallar eller när en pipeline förvanskar icke-ASCII-text.

Escaping beror på sammanhanget

Escaping med HTML-entiteter skyddar text i elementinnehåll och attribut inom citattecken. Det räcker inte för värden i <script>-block, inline-händelsehanterare, CSS eller URL:er, som var och en kräver sin egen kodning. Använd hellre ramverkets automatiska escaping (React, Vue, Jinja, Blade) än att bygga strängar för hand.

Vanliga frågor

Vilka tecken måste escapas i HTML?

I textinnehåll är & och < nödvändiga. I attributvärden ska du även escapa det citattecken du använt. Att escapa alla fem (& < > " ') är det säkra standardvalet.

Vad är &nbsp;?

Ett hårt mellanslag (U+00A0). Det ser ut som ett vanligt mellanslag men förhindrar radbrytning och slås inte ihop med intilliggande mellanslag.

Av bakåtkompatibilitetsskäl avkodar webbläsare några äldre entiteter, som &copy, &amp och &lt, även utan avslutande semikolon. Den här avkodaren följer samma regel. Skriv alltid semikolonet i din egen HTML.

Är apostrofen &apos; eller &#39;?

' är giltig i HTML5 och XML men inte i HTML 4, så numeriska ' eller ' är det mest kompatibla valet och det som den här kodaren genererar.

Relaterade verktyg

URL Encode / Decode Procentkoda/avkoda text och tolka URL-query strings. Base64 koda / avkoda Koda/avkoda Base64 och base64url, text eller filer. HTML Minifier Ta bort kommentarer och blanktecken, och minifiera inline CSS/JS. Regex-testare Testa JavaScript-regex live med grupper och ersättning.