O que são entidades HTML?

Entidades HTML são uma forma de representar caracteres reservados que têm um significado especial no HTML (por exemplo, <, >) ou caracteres que são difíceis de inserir a partir do teclado (por exemplo, €, ©).

São compostas por o símbolo de e comercial (&), o nome da entidade ou o código numérico, e um ponto e vírgula (;).

Exemplos de entidades comuns:

Símbolo	Entidade HTML (pelo nome)	Entidade HTML (pelo número)	Descrição
<	&lt;	&#60;	Símbolo "menor"
>	&gt;	&#62;	Símbolo "maior"
&	&amp;	&#38;	E comercial
"	&quot;	&#34;	Aspas duplas
'	&apos;	&#39;	Aspas simples
	&nbsp;	&#160;	Espaço não separável
€	&euro;	&#8364;	Símbolo do euro
©	&copy;	&#169;	Símbolo de direitos autorais

O uso de entidades permite exibir esses caracteres corretamente no navegador, evitando que sejam interpretados como parte do código HTML. Por exemplo, se desejar mostrar o texto "<code><p></code>", deve usar as entidades:

<!-- Será exibido como <p> -->
<p>Exemplo de tag: &lt;p&gt;</p>

As entidades numéricas podem ser decimais ou hexadecimais. Os hexadecimais começam com &#x.

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

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