Entidades HTML

Há muitos símbolos que não estão presentes em um teclado padrão (símbolos matemáticos, técnicos, monetários, etc.). Além disso, existem símbolos que não podem ser usados diretamente porque podem causar confusão. Por exemplo, não podemos usar > porque em HTML esse símbolo é interpretado como delimitador de tag e o navegador não o exibirá como texto.

Em HTML, as entidades exibem caracteres reservados, que podem ser confundidos com código HTML, ou caracteres invisíveis, como espaços não separáveis. Elas também representam caracteres difíceis ou impossíveis de digitar com um teclado.

Toda entidade começa com um e comercial (&) e termina com um ponto e vírgula (;). O ponto e vírgula é obrigatório — sem ele, o navegador pode não reconhecer a entidade.

Referências Nomeadas, Decimais e Hexadecimais

Há três formas de escrever o mesmo caractere. As três opções a seguir produzem um e comercial (&):

Uma referência nomeada (como &) é fácil de ler e lembrar, mas apenas um conjunto fixo de nomes está definido. Uma referência numérica pode representar qualquer caractere Unicode pelo seu ponto de código — decimal (&) ou hexadecimal (&). O decimal 38 e o hexadecimal 26 são apenas duas formas de escrever o mesmo ponto de código. As referências numéricas são úteis quando não existe uma entidade nomeada para o caractere desejado.

Os nomes de entidades diferenciam maiúsculas de minúsculas: & funciona, mas & não.

Por exemplo:

<p>5 &lt; 10 and 10 &gt; 5</p>
<title>HTML entities &amp; symbols</title>
<p>Snowman: &#9731; or &#x2603;</p>

Quando as Entidades São Obrigatórias

Não é necessário escapar todos os caracteres especiais — a maioria pode ser digitada diretamente. As entidades são obrigatórias apenas quando um caractere seria interpretado como marcação, ou quando você precisa de um caractere invisível que um espaço comum não fornece:

• < — escapa < para que o navegador não o leia como início de uma tag.
• > — escapa > (recomendado por simetria, embora seja estritamente obrigatório apenas em certos contextos).
• & — escapa & para que não seja lido como início de outra entidade.
• " — escapa uma aspas dupla dentro de um valor de atributo que está entre aspas duplas.
•   — um espaço não separável, usado para manter duas palavras na mesma linha.

Por exemplo, para evitar que um rótulo e um ano sejam separados em duas linhas, use um espaço não separável:

<p>Copyright&nbsp;2024</p>

O navegador renderiza isso como um espaço normal, mas nunca quebrará a linha entre "Copyright" e "2024".

Entidades de Caracteres Mais Usadas em HTML

Símbolos Matemáticos Suportados pelo HTML

Letras Gregas Suportadas pelo HTML

Outras Entidades Suportadas pelo HTML

Espaço Não Separável

O espaço não separável ( ) é uma das entidades de caractere mais comuns usadas em HTML. É um espaço que não quebra para uma nova linha. Isso significa que duas palavras separadas por um espaço não separável permanecerão juntas. Além disso, o espaço não separável impede que os navegadores colapcem múltiplos espaços em um único.

Para a lista completa de pontos de código e como os caracteres se mapeiam para números, consulte a Referência Unicode HTML.

Marcas Diacríticas

Quando falamos de marca diacrítica, nos referimos a um "glifo" adicionado a uma letra. Algumas dessas marcas, como o grave (̀) e o agudo (́), são chamadas de acentos. As marcas diacríticas podem aparecer acima ou abaixo de uma letra, entre duas letras ou dentro de uma letra.

Aqui está uma lista com algumas marcas diacríticas:

Prática