CoderTools

Codificador/Decodificador HTML

Convierte caracteres especiales a entidades HTML para prevenir ataques XSS

Referencia de entidades HTML comunes

Carácter Entidad nombrada Decimal Hexadecimal Descripción
< &lt; &#60; &#x3C; Signo menor que (inicio de etiqueta)
> &gt; &#62; &#x3E; Signo mayor que (fin de etiqueta)
& &amp; &#38; &#x26; Ampersand (inicio de entidad)
" &quot; &#34; &#x22; Comillas dobles
' &apos; &#39; &#x27; Comilla simple/apóstrofe
  &nbsp; &#160; &#xA0; Espacio de no separación
© &copy; &#169; &#xA9; Símbolo de copyright
® &reg; &#174; &#xAE; Símbolo de marca registrada
&trade; &#8482; &#x2122; Símbolo de marca comercial

Acerca de la codificación HTML

La codificación HTML es el proceso de convertir caracteres especiales a entidades HTML. Ciertos caracteres tienen significado especial en HTML (como < y >), y usarlos directamente podría romper la estructura de la página o causar problemas de seguridad.

Al convertir estos caracteres a sus correspondientes entidades HTML, los navegadores pueden mostrarlos correctamente sin interpretarlos como marcado HTML. Esta es una medida de seguridad importante en el desarrollo web para prevenir ataques XSS (Cross-Site Scripting).

Nota de seguridad: Siempre codifique las entradas del usuario en HTML antes de mostrarlas en una página web. Esta es una medida de seguridad fundamental para prevenir ataques XSS.

Casos de uso comunes

Tipos de entidades explicados

Entidades nombradas

Usan nombres fáciles de recordar, buena legibilidad, pero no todos los caracteres tienen entidades nombradas

&lt; &gt; &amp; &nbsp;

Entidades decimales

Usan el punto de código Unicode del carácter (decimal), funciona para todos los caracteres

&#60; &#62; &#38; &#160;

Entidades hexadecimales

Usan el punto de código Unicode del carácter (hex), consistente con CSS y JavaScript

&#x3C; &#x3E; &#x26; &#xA0;

Referencias