Codificador / decodificador de entidades HTML: escapa y desescapa HTML

Escapa texto para HTML con entidades con nombre o numéricas, decodifica referencias del tipo & de vuelta a caracteres y busca en una tabla de referencia de entidades.

CodificarComo

Texto o HTML que codificar

Codificado

&lt;p class=&quot;note&quot;&gt;Fish &amp; chips — £4.50 at Café &quot;Ōshima&quot; 🐟&lt;/p&gt;

Referencia de entidades HTML

Buscar por nombre, carácter, código o grupo

Carácter	Con nombre	Decimal	Hex
"	"	"	"
&	&	&	&
'	'	'	'
<	<	<	<
>	>	>	>
·
¡	¡	¡	¡
¢	¢	¢	¢
£	£	£	£
¤	¤	¤	¤
¥	¥	¥	¥
¦	¦	¦	¦
§	§	§	§
¨	¨	¨	¨
©	©	©	©
ª	ª	ª	ª
«	«	«	«
¬	¬	¬	¬
·
®	®	®	®
¯	¯	¯	¯
°	°	°	°
±	±	±	±
²	²	²	²
³	³	³	³
´	´	´	´
µ	µ	µ	µ
¶	¶	¶	¶
·	·	·	·
¸	¸	¸	¸
¹	¹	¹	¹
º	º	º	º
»	»	»	»
¼	¼	¼	¼
½	½	½	½
¾	¾	¾	¾
¿	¿	¿	¿
À	À	À	À
Á	Á	Á	Á
Â	Â	Â	Â
Ã	Ã	Ã	Ã
Ä	Ä	Ä	Ä
Å	Å	Å	Å
Æ	Æ	Æ	Æ
Ç	Ç	Ç	Ç
È	È	È	È
É	É	É	É
Ê	Ê	Ê	Ê
Ë	Ë	Ë	Ë
Ì	Ì	Ì	Ì
Í	Í	Í	Í
Î	Î	Î	Î
Ï	Ï	Ï	Ï
Ð	Ð	Ð	Ð
Ñ	Ñ	Ñ	Ñ
Ò	Ò	Ò	Ò
Ó	Ó	Ó	Ó
Ô	Ô	Ô	Ô
Õ	Õ	Õ	Õ
Ö	Ö	Ö	Ö
×	×	×	×
Ø	Ø	Ø	Ø
Ù	Ù	Ù	Ù
Ú	Ú	Ú	Ú
Û	Û	Û	Û
Ü	Ü	Ü	Ü
Ý	Ý	Ý	Ý
Þ	Þ	Þ	Þ
ß	ß	ß	ß
à	à	à	à
á	á	á	á
â	â	â	â
ã	ã	ã	ã
ä	ä	ä	ä
å	å	å	å
æ	æ	æ	æ
ç	ç	ç	ç
è	è	è	è
é	é	é	é
ê	ê	ê	ê
ë	ë	ë	ë
ì	ì	ì	ì
í	í	í	í
î	î	î	î
ï	ï	ï	ï
ð	ð	ð	ð
ñ	ñ	ñ	ñ
ò	ò	ò	ò
ó	ó	ó	ó
ô	ô	ô	ô
õ	õ	õ	õ
ö	ö	ö	ö
÷	÷	÷	÷
ø	ø	ø	ø
ù	ù	ù	ù
ú	ú	ú	ú
û	û	û	û
ü	ü	ü	ü
ý	ý	ý	ý
þ	þ	þ	þ
ÿ	ÿ	ÿ	ÿ
Α	Α	Α	Α
Β	Β	Β	Β
Γ	Γ	Γ	Γ
Δ	Δ	Δ	Δ
Ε	Ε	Ε	Ε
Ζ	Ζ	Ζ	Ζ
Η	Η	Η	Η
Θ	Θ	Θ	Θ
Ι	Ι	Ι	Ι
Κ	Κ	Κ	Κ
Λ	Λ	Λ	Λ
Μ	Μ	Μ	Μ
Ν	Ν	Ν	Ν
Ξ	Ξ	Ξ	Ξ
Ο	Ο	Ο	Ο
Π	Π	Π	Π
Ρ	Ρ	Ρ	Ρ
Σ	Σ	Σ	Σ
Τ	Τ	Τ	Τ
Υ	Υ	Υ	Υ
Φ	Φ	Φ	Φ
Χ	Χ	Χ	Χ
Ψ	Ψ	Ψ	Ψ
Ω	Ω	Ω	Ω
α	α	α	α
β	β	β	β
γ	γ	γ	γ
δ	δ	δ	δ
ε	ε	ε	ε
ζ	ζ	ζ	ζ
η	η	η	η
θ	θ	θ	θ
ι	ι	ι	ι
κ	κ	κ	κ
λ	λ	λ	λ
μ	μ	μ	μ
ν	ν	ν	ν
ξ	ξ	ξ	ξ
ο	ο	ο	ο
π	π	π	π
ρ	ρ	ρ	ρ
ς	&sigmaf;	ς	ς
σ	σ	σ	σ
τ	τ	τ	τ
υ	υ	υ	υ
φ	φ	φ	φ
χ	χ	χ	χ
ψ	ψ	ψ	ψ
ω	ω	ω	ω
Œ	&OElig;	Œ	Œ
œ	&oelig;	œ	œ
Š	&Scaron;	Š	Š
š	&scaron;	š	š
Ÿ	&Yuml;	Ÿ	Ÿ
ƒ	&fnof;	ƒ	ƒ
ˆ	&circ;	ˆ	ˆ
˜	&tilde;	˜	˜
ϑ	&thetasym;	ϑ	ϑ
ϒ	&upsih;	ϒ	ϒ
ϖ	ϖ	ϖ	ϖ
·	&ensp;
·	&emsp;
·
·	&zwnj;	‌	‌
·	&zwj;	‍	‍
·	&lrm;	‎	‎
·	&rlm;	‏	‏
–	–	–	–
—	—	—	—
‘	‘	‘	‘
’	’	’	’
‚	&sbquo;	‚	‚
“	“	“	“
”	”	”	”
„	&bdquo;	„	„
†	&dagger;	†	†
‡	&Dagger;	‡	‡
•	•	•	•
…	…	…	…
‰	&permil;	‰	‰
′	′	′	′
″	″	″	″
‹	&lsaquo;	‹	‹
›	&rsaquo;	›	›
‾	&oline;	‾	‾
⁄	&frasl;	⁄	⁄
€	€	€	€
ℑ	&image;	ℑ	ℑ
℘	&weierp;	℘	℘
ℜ	&real;	ℜ	ℜ
™	™	™	™
ℵ	&alefsym;	ℵ	ℵ
←	←	←	←
↑	↑	↑	↑
→	→	→	→
↓	↓	↓	↓
↔	↔	↔	↔
↵	&crarr;	↵	↵
⇐	⇐	⇐	⇐
⇑	&uArr;	⇑	⇑
⇒	⇒	⇒	⇒
⇓	&dArr;	⇓	⇓
⇔	⇔	⇔	⇔
∀	∀	∀	∀
∂	∂	∂	∂
∃	∃	∃	∃
∅	∅	∅	∅
∇	∇	∇	∇
∈	∈	∈	∈
∉	∉	∉	∉
∋	&ni;	∋	∋
∏	∏	∏	∏
∑	∑	∑	∑
−	−	−	−
∗	&lowast;	∗	∗
√	√	√	√
∝	&prop;	∝	∝
∞	∞	∞	∞
∠	&ang;	∠	∠
∧	&and;	∧	∧
∨	&or;	∨	∨
∩	∩	∩	∩
∪	∪	∪	∪
∫	∫	∫	∫
∴	&there4;	∴	∴
∼	&sim;	∼	∼
≅	&cong;	≅	≅
≈	≈	≈	≈
≠	≠	≠	≠
≡	&equiv;	≡	≡
≤	≤	≤	≤
≥	≥	≥	≥
⊂	⊂	⊂	⊂
⊃	⊃	⊃	⊃
⊄	&nsub;	⊄	⊄
⊆	&sube;	⊆	⊆
⊇	&supe;	⊇	⊇
⊕	&oplus;	⊕	⊕
⊗	&otimes;	⊗	⊗
⊥	&perp;	⊥	⊥
⋅	⋅	⋅	⋅
⌈	&lceil;	⌈	⌈
⌉	&rceil;	⌉	⌉
⌊	&lfloor;	⌊	⌊
⌋	&rfloor;	⌋	⌋
⟨	&lang;	⟨	⟨
⟩	&rang;	⟩	⟩
◊	&loz;	◊	◊
♠	&spades;	♠	♠
♣	&clubs;	♣	♣
♥	&hearts;	♥	♥
♦	&diams;	♦	♦

253 de 253 entidades. Los caracteres invisibles (espacios, unidores, guion opcional) se muestran como ·.

Funciona por completo en tu navegador. Nada de lo que introduces se nos envía ni se guarda. Ver todas las herramientas gratis.

¿Encontraste un problema o algo que podría mejorar? Leemos todos los mensajes y lo arreglamos rápido.

Este codificador y decodificador de entidades HTML convierte caracteres a referencias de caracteres HTML y viceversa. Al codificar, los cinco caracteres que tienen un significado especial en el marcado (< > & " ') se convierten en < > & " y ', para que el texto se pueda mostrar en una página o colocar en un atributo sin que se interprete como HTML. También puedes codificar todos los caracteres no ASCII, algo útil cuando una plantilla, un email o un sistema antiguo estropea el UTF-8.

Al decodificar se tratan las entidades con nombre como é y …, las referencias decimales como é y las hexadecimales como é, siguiendo las reglas del propio analizador de HTML5, incluidas sus peculiaridades con los puntos de código no válidos. Los nombres que no están en la tabla integrada de 253 entradas los busca el analizador HTML de tu navegador, así que se decodifican los más de 2000 nombres de HTML5. Los nombres desconocidos se dejan como están y se listan, en lugar de desaparecer sin avisar. Esta herramienta convierte texto; no es un sanitizador de HTML.

Cómo usarla

Elige Codificar o Decodificar.
Para codificar, elige el alcance: solo los cinco caracteres peligrosos (suficiente para HTML normal), todos los no ASCII, o todo excepto letras, dígitos y espacios.
Elige referencias con nombre, decimales o hexadecimales. El modo con nombre usa la forma decimal para los caracteres que no tienen nombre.
Escribe o pega; la salida se actualiza mientras escribes. Intercambiar pasa la salida a la entrada para comprobar la conversión de ida y vuelta.
Busca en la tabla de referencia por nombre, carácter, código decimal o grupo (por ejemplo "arrow" o "greek") y copia una entidad.

Preguntas frecuentes

¿Qué caracteres hay que escapar en HTML?

En el contenido de texto hay que escapar < y &, porque inician etiquetas y entidades. Dentro del valor de un atributo, escapa también la comilla que delimita el atributo: " como " o ' como '. Escapar > como > no es estrictamente necesario, pero es habitual e inofensivo. Todo lo demás, incluidas las letras acentuadas y los emojis, puede aparecer tal cual en una página UTF-8.

¿Qué diferencia hay entre   y un espacio normal?

  es U+00A0, un espacio de no separación. Los navegadores no cortan la línea en él ni agrupan varios en uno, a diferencia de los espacios normales. Es útil para mantener juntos en una línea "10 kg" o "Sr. Pérez". Usar filas de   para maquetar es señal de que el trabajo le corresponde al CSS.

¿Uso ' o '?

' está definido en XML y en HTML5, pero no en HTML 4, así que los navegadores muy antiguos y algunos clientes de correo no lo reconocen. ' funciona en todas partes, por eso este codificador lo usa para el apóstrofo incluso en el modo con nombre. En una página HTML5 moderna, cualquiera de los dos vale.

¿Basta con codificar en HTML para evitar XSS?

Escapar < > & " ' evita la inyección en el texto HTML y en los valores de atributo entre comillas, que es el caso más común. No hace que un valor sea seguro dentro de un bloque <script>, un atributo style, un atributo sin comillas o una URL como href="javascript:...". Cada uno de esos contextos necesita su propia codificación o validación. Usa un motor de plantillas que escape por defecto, y un sanitizador como DOMPurify cuando tengas que aceptar HTML de los usuarios.

¿Por qué veo &amp; o Ã© en mi texto?

&amp; significa que el texto se codificó en HTML dos veces: & se convirtió en & y luego ese & se volvió a codificar. Decodifica una vez por cada capa de más. Ver Ã© en lugar de é no es un problema de entidades, sino una discrepancia de codificación: se leyeron bytes UTF-8 como Windows-1252 o Latin-1. Corrige la declaración del juego de caracteres o la codificación de la conexión a la base de datos; las entidades solo ocultan el síntoma.

Referencias con nombre, decimales y hexadecimales

HTML ofrece tres formas de escribir el mismo carácter. Una referencia con nombre como © es legible, pero solo existe para los caracteres a los que HTML les ha dado nombre. Una referencia decimal como © y una hexadecimal como © funcionan para cualquier punto de código Unicode, incluidos los emojis: 🌲 es 🌲 o 🌲, una sola referencia para todo el carácter, no dos para sus mitades UTF-16.

Los 253 nombres de la tabla de esta herramienta son el juego de HTML 4 más '. Los admiten todos los navegadores, clientes de correo y bibliotecas HTML. HTML5 añadió unos 2000 más, sobre todo símbolos matemáticos (&NotEqualTilde;, &bigotimes;), que se decodifican en los navegadores modernos pero conviene escribir como UTF-8 sin más o como referencias numéricas si el contenido va a pasar por herramientas antiguas.

Los nombres distinguen entre mayúsculas y minúsculas: É es É y é es é. Unos pocos, como &COPY; y &AMP;, también existen en mayúsculas por motivos históricos, pero las formas en minúsculas son las estándar.

Cuándo codificar y cuándo no

• Mostrar en una página lo que escribe el usuario: escapa los cinco caracteres peligrosos en el momento de la salida, en la plantilla, no al guardar en la base de datos.

• Ejemplos de código en una entrada de blog o en documentación: escapa < y & para que las etiquetas se muestren como texto.

• Plantillas de email y sistemas antiguos con un UTF-8 poco fiable: codificar todo lo no ASCII como referencias numéricas hace que el contenido sobreviva a cualquier juego de caracteres.

• Páginas UTF-8 modernas: no codifiques letras acentuadas, comillas tipográficas ni emojis. Los caracteres sin codificar ocupan menos, se pueden buscar y son más fáciles de editar.

• JSON, URL y cadenas de JavaScript: ahí las entidades HTML no significan nada. Usa el escape de JSON, la codificación por porcentaje o los escapes de cadenas de JavaScript, respectivamente.

Cómo se decodifican las referencias numéricas

La especificación de HTML5 define qué debe hacer un analizador con las referencias numéricas extrañas, y este decodificador la sigue. , las referencias a puntos de código sustitutos (&#xD800;) y los valores por encima de U+10FFFF se convierten en el carácter de sustitución U+FFFD. Las referencias del rango  a  se leen como Windows-1252, así que  es un guion medio y  es el signo del euro, porque eso es lo que querían decir las páginas antiguas al escribirlas.

Las referencias con nombre solo se decodifican cuando terminan en punto y coma. Los navegadores también aceptan en el texto algunos nombres heredados sin él, como &copy o &amp, pero ese comportamiento depende de lo que venga después, así que el contenido siempre debería incluir el punto y coma.

Herramientas gratis relacionadas

Codificador / decodificador de URL — Codifica o decodifica texto con codificación porcentual para URL en modo componente, URL completa o formulario, y edita los parámetros de consulta de una URL en una tabla.
Codificador / decodificador Base64 — Codifica texto o archivos en Base64, convierte imágenes en data URI con fragmentos CSS e <img>, y decodifica Base64 a un archivo con vista previa. Nada sale de tu navegador.
Generador de metaetiquetas — Rellena el título, la descripción y los datos de la tarjeta social de una página y obtén un bloque <head> completo y bien escapado, con contadores de longitud en vivo.
Formateador JSON — Formatea, minifica y valida JSON, con los errores de análisis localizados por línea y columna. En tu navegador, sin subir nada.