Entrada

HTML: Entidades

Cuando trabajamos con HTML, no todos los caracteres se pueden escribir directamente en el código. Algunos tienen un significado especial para el navegador, como <, > o &. Para mostrar estos símbolos como texto en una página web, necesitamos usar lo que se conoce como entidades HTML.

¿Qué es una entidad HTML?

Una entidad HTML es una secuencia de caracteres que comienza con & y termina con ;. Sirve para representar caracteres que de otra manera podrían romper o confundir el código HTML.

Por ejemplo:

1
<p>5 &lt; 10</p>

Esto mostrará correctamente: 5 < 10. Si escribieras < directamente, el navegador lo interpretaría como el inicio de una etiqueta HTML.

Sintaxis general

Las entidades HTML pueden tener dos formas:

  • Con nombre: Ejemplo: &lt;, &gt;, &amp;, &copy;

  • Numérica: Decimal: &#60; Hexadecimal: &#x3C;

Ambas representan el mismo carácter, aunque la versión con nombre suele ser más legible.

Entidades HTML más comunes

💡 Nota: &nbsp; crea un espacio que no se rompe al hacer saltos de línea, útil para evitar cortes indeseados en palabras o cifras.

🔍 Visualizador de Entidades HTML

NombreEntidadResultado

Las entidades HTML son una herramienta fundamental para escribir código limpio, correcto y seguro. Saber cuándo y cómo usarlas marca la diferencia entre un HTML que se ve bien… y uno que se rompe.

Esta entrada está licenciada bajo CC BY 4.0 por el autor.