Codificar y decodificar entidades HTML

Escapa los caracteres especiales de un texto para insertarlo en HTML sin romper la página, o convierte las entidades HTML de vuelta a texto normal.

Entidades HTML

Al codificar:

Entidades HTML más usadas

CarácterCon nombreNumérica
& & &
< &lt; &#60;
> &gt; &#62;
" &quot; &#34;
' &apos; &#39;
(nbsp) &nbsp; &#160;
© &copy; &#169;
® &reg; &#174;
™ &trade; &#8482;
€ &euro; &#8364;
£ &pound; &#163;
° &deg; &#176;
± &plusmn; &#177;
× &times; &#215;
÷ &divide; &#247;
… &hellip; &#8230;
– &ndash; &#8211;
— &mdash; &#8212;
« &laquo; &#171;
» &raquo; &#187;
“ &ldquo; &#8220;
” &rdquo; &#8221;
• &bull; &#8226;
→ &rarr; &#8594;
á &aacute; &#225;
é &eacute; &#233;
ñ &ntilde; &#241;
Ñ &Ntilde; &#209;
ü &uuml; &#252;
ç &ccedil; &#231;
¿ &iquest; &#191;
¡ &iexcl; &#161;

¿Qué son las entidades HTML?

Una entidad HTML es una forma de escribir un carácter mediante un código que empieza por & y termina en ;. Puede ser con nombre, como &copy; para ©, o numérica, con el número Unicode del carácter en decimal (&#169;) o en hexadecimal (&#xA9;).

¿Cuándo hay que usarlas?

Siempre hay que escapar los caracteres que tienen un significado especial en HTML: < y > (abren y cierran etiquetas), & (empieza una entidad) y las comillas dentro de los atributos. Si no se hace, el navegador los interpreta como código: la página se descuadra y, si el texto viene de un usuario, se abre la puerta a ataques XSS.

Las letras con tilde, la ñ o los emojis no necesitan entidades si la página usa UTF-8, que es lo normal hoy en día. Solo son útiles cuando el fichero tiene que ser ASCII puro, por ejemplo en algunos correos electrónicos o sistemas antiguos.