¿Qué son las entidades HTML?

Las entidades HTML son una forma de representar caracteres reservados que tienen un significado especial en HTML (por ejemplo, <, >) o caracteres que son difíciles de ingresar desde el teclado (por ejemplo, €, ©).

Están compuestas por el símbolo de ampersand (&), el nombre de la entidad o el código numérico y un punto y coma (;).

Ejemplos de entidades comunes:

Símbolo	Entidad HTML (por nombre)	Entidad HTML (por número)	Descripción
<	&lt;	&#60;	Símbolo "menor que"
>	&gt;	&#62;	Símbolo "mayor que"
&	&amp;	&#38;	Ampersand
"	&quot;	&#34;	Comillas dobles
'	&apos;	&#39;	Comillas simples
	&nbsp;	&#160;	Espacio no separable
€	&euro;	&#8364;	Símbolo del euro
©	&copy;	&#169;	Símbolo de derechos de autor

El uso de entidades permite mostrar estos caracteres correctamente en el navegador, evitando que se interpreten como parte del marcado HTML. Por ejemplo, si se desea mostrar el texto "<code><p></code>", se deben usar las entidades:

<!-- Se mostrará como <p> -->
<p>Ejemplo de etiqueta: &lt;p&gt;</p>

Las entidades numéricas pueden ser decimales o hexadecimales. Los hexadecimales comienzan con &#x.

<!-- Código decimal para el símbolo > -->
<p>Mayor que&#62;</p>

<!-- Código hexadecimal para el símbolo > -->
<p>Mayor que&#x3E;</p>