O que são entidades HTML? Guia completo de caracteres especiais

O que são entidades HTML?

Entidades HTML são sequências de caracteres que começam com um comercial (&) e terminam com um ponto e vírgula (;). Elas são usadas para representar caracteres que têm significado especial em HTML ou que não podem ser digitados facilmente no teclado.

Por exemplo, o sinal de menor < é escrito como < e o sinal de maior > é escrito como >. Se você usasse o caractere < puro no seu texto, o navegador o interpretaria como o início de uma tag HTML.

Por que as entidades HTML são importantes?

Existem várias razões fundamentais para usar entidades HTML:

• Prevenção de erros de análise: Caracteres como <, > e & têm significado estrutural em HTML. As entidades garantem que o navegador os exiba como texto.
• Segurança: Codificar a entrada do usuário previne ataques de cross-site scripting (XSS) ao neutralizar caracteres potencialmente perigosos.
• Exibição de símbolos especiais: Entidades permitem mostrar caracteres como ©, ®, €, — e muitos outros que podem não estar disponíveis em todos os teclados.
• Preservação de espaços em branco: Entidades como   (espaço não separável) ajudam a controlar o espaçamento de maneiras que espaços normais não permitem.

Entidades HTML mais comuns

Aqui estão as entidades HTML mais frequentemente usadas:

• & — Comercial (&)
• < — Sinal de menor (<)
• > — Sinal de maior (>)
• " — Aspas duplas (")
• ' — Apóstrofo (')
•   — Espaço não separável

Entidades nomeadas vs numéricas

O HTML suporta dois tipos de entidades. Entidades nomeadas usam um nome legível, como © para o símbolo de copyright. Entidades numéricas usam o ponto de código Unicode do caractere, como © para o mesmo símbolo. Entidades numéricas podem ser escritas em decimal (©) ou hexadecimal (©).

Quando codificar entidades HTML

Você deve codificar entidades HTML sempre que inserir conteúdo gerado pelo usuário em uma página web, exibir trechos de código ou trabalhar com caracteres que se sobreponham à sintaxe HTML. A maioria dos frameworks modernos lida com isso automaticamente, mas entender o mecanismo subjacente ajuda a depurar problemas de codificação e garantir que seu conteúdo seja exibido corretamente em todos os navegadores.