Referência de Entidades HTML

Uma entidade HTML é uma string que começa com & e termina com ; usada para representar caracteres que são reservados em HTML ou que não podem ser digitados diretamente. Os mais importantes são: &amp; para &, &lt; para <, &gt; para >, &quot; para ", e &apos; para '. Sem estes, um < no conteúdo seria interpretado como o início de uma tag.

Você deve escapar <, >, &, e " em atributos HTML e conteúdo. Em um valor de atributo entre aspas duplas: &amp;, &lt;, &gt;, &quot;. No conteúdo do elemento: &amp;, &lt;, &gt;. Se usar atributos entre aspas simples: também &apos;. Frameworks modernos como React lidam com isso automaticamente — JSX escapa conteúdo de string. Use apenas HTML bruto (dangerouslySetInnerHTML) quando você controlar completamente o conteúdo.

Entidades nomeadas usam um nome legível para humanos: &copy; (©), &trade; (™), &euro; (€). Entidades numéricas usam um ponto de código Unicode decimal (&#169;) ou hexadecimal (&#xA9;). Entidades nomeadas existem apenas para um subconjunto de caracteres Unicode — para outros, use referências numéricas. Todos os três formulários são equivalentes: &copy; = &#169; = &#xA9; = ©.

Não — entidades HTML são sintaxe HTML. Dentro de uma tag <script> ou um arquivo JavaScript, use escapes de string JavaScript (\n, \t, \u00A9) em vez de entidades HTML. Entidades HTML são apenas relevantes em contexto de documento HTML: valores de atributos, nós de texto, e atributos data- acessados via innerHTML. Usar &amp; dentro de código JavaScript é um erro comum que produz strings quebradas.

&nbsp; (&#160;) é o espaço não-quebrável — um caractere de espaço que previne quebras de linha naquela posição e não desaparece com espaços adjacentes. HTML desmorona múltiplos caracteres de espaço em branco em um, mas &nbsp; é preservado. Use para unidades (100&nbsp;km), entre iniciais (J.&nbsp;Smith), ou para forçar espaçamento mínimo. Evite usá-lo em excesso para layout — use CSS.