HTML entities: Tudo sobre as principais entidades HTML
Entidades HTML (HTML entities) são utilizadas para incluir caracteres reservados ou especiais em um código, garantindo a correta exibição deles. Essas entidades consistem em sequências de caracteres bem definidas que instruem o navegador a exibir o caractere correspondente.
O que são entidades HTML?
Entidades HTML permitem representar determinados caracteres em um documento HTML que:
- Não estão facilmente acessíveis no método de entrada utilizado ou são difíceis de digitar.
- São reservados pelo HTML para funções específicas na codificação.
Essas sequências de caracteres são necessárias para evitar que caracteres especiais danifiquem o código. Existem dois tipos principais de entidades: entidades nomeadas (entity names) e entidades numéricas (entity numbers). As entidades nomeadas são mais fáceis de ler e lembrar, enquanto as entidades numéricas são úteis quando não há uma entidade nomeada disponível.
- Fast page loads while cutting costs by 60%
- Keep your site open 24/7 with 99.99% uptime
- Never run out of space with unlimited storage
Entidades nomeadas HTML
As entidades nomeadas HTML seguem este formato:
&entity_name;htmlPor exemplo, para exibir o “e” comercial (&), deve-se usar &, que corresponde ao termo em inglês ampersand. Veja este exemplo de código para entender melhor:
<!DOCTYPE html>
<html>
<body>
<h1>Exemplo de uma entidade nomeada</h1>
<h2>O e comercial aparece assim: &</h2>
</body>
</html>htmlA escrita de entidades HTML é sensível a maiúsculas e minúsculas. Certifique-se de usar a capitalização correta.
Entidades numéricas HTML
As entidades numéricas HTML utilizam o seguinte formato:
&#entity_number;htmlNo lugar de entity_number, insere-se o código Unicode do caractere desejado. Para exibir o “e” comercial, utiliza-se &. Confira o exemplo de código:
<!DOCTYPE html>
<html>
<body>
<h1>Exemplo de uma entidade numérica</h1>
<h2>O e comercial aparece assim: &</h2>
</body>
</html>html- SSL Wildcard grátis para mais segurança
- Domain Connect grátis para configurar DNS fácil
Lista com as principais entidades HTML
Seja você um iniciante aprendendo HTML ou um usuário experiente, uma lista com as principais entidades HTML é sempre útil. A seguir, apresentamos algumas das entidades mais usadas.
Pontuação
| Caractere | Descrição | Nomeado | Numérico |
|---|---|---|---|
| Espaço sem quebra de linha | |
|
|
| . | Ponto | . |
. |
| , | Vírgula | , |
, |
| ! | Exclamação | ! |
! |
| ? | Interrogação | ? |
? |
| & | “e” comercial | & |
& |
| “ | Aspas duplas | " |
" |
| ’ | Apóstrofo | ' |
' |
| # | Cerquilha | # |
# |
| ( | Parêntese aberto | ( |
( |
| ) | Parêntese fechado | ) |
) |
| % | Porcentagem | % |
% |
| § | Parágrafo | § |
§ |
Caracteres especiais
| Caractere | Descrição | Nomeado | Numérico |
|---|---|---|---|
| © | Copyright | © |
© |
| ® | Marca registrada | ® |
® |
| ™ | Marca comercial | ™ |
™ |
| @ | Arroba | @ |
@ |
| ♀ | Símbolo feminino | ♀ |
♀ |
| ♂ | Símbolo masculino | ♂ |
♂ |
| ✓ | Marca de verificação | ✓ |
✓ |
| ✗ | X ou cruz | ✗ |
✗ |
Símbolos matemáticos
| Caractere | Descrição | Nomeado | Numérico |
|---|---|---|---|
| + | Sinal de adição | + |
+ |
| − | Sinal de subtração | − |
− |
| × | Sinal de multiplicação | × |
× |
| ÷ | Sinal de divisão | ÷ |
÷ |
| = | Igual | = |
= |
| < | Menor que | < |
< |
| > | Maior que | > |
> |
Moedas
| Caractere | Descrição | Nomeado | Numérico |
|---|---|---|---|
| € | Euro | € |
€ |
| ¢ | Centavo | ¢ |
¢ |
| $ | Dólar | $ |
$ |
| £ | Libra | £ |
£ |
| ¥ | Iene | ¥ |
¥ |
Acentos comuns no português
| Caractere | Descrição | Nomeado | Numérico |
|---|---|---|---|
| Á | Letra “A” com acento agudo (maiúscula) | Á |
Á |
| á | Letra “a” com acento agudo (minúscula) | á |
á |
| É | Letra “E” com acento agudo (maiúscula) | É |
É |
| é | Letra “e” com acento agudo (minúscula) | é |
é |
| Í | Letra “I” com acento agudo (maiúscula) | Í |
Í |
| í | Letra “i” com acento agudo (minúscula) | í |
í |
| Ó | Letra “O” com acento agudo (maiúscula) | Ó |
Ó |
| ó | Letra “o” com acento agudo (minúscula) | ó |
ó |
| Ú | Letra “U” com acento agudo (maiúscula) | Ú |
Ú |
| ú | Letra “u” com acento agudo (minúscula) | ú |
ú |
| Ç | Letra “C” com cedilha (maiúscula) | Ç |
Ç |
| ç | Letra “c” com cedilha (minúscula) | ç |
ç |
| Ã | Letra “A” com til (maiúscula) | Ã |
à |
| ã | Letra “a” com til (minúscula) | ã |
ã |
| Õ | Letra “O” com til (maiúscula) | Õ |
Õ |
| õ | Letra “o” com til (minúscula) | õ |
õ |
Confira outros artigos especializados em HTML no nosso Digital Guide. Aprenda sobre tags HTML, conheça as novidades do HTML5 e comece a explorar o CSS.

