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.
- Fique online com 99,99% de tempo de atividade e segurança robusta
- Aumente o desempenho com um clique à medida que o tráfego cresce
- Inclui domínio gratuito, SSL, e-mail e suporte 24 horas por dia, 7 dias por semana
Entidades nomeadas HTML
As entidades nomeadas HTML seguem este formato:
&entity_name;Por 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>A 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;No 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>- SSL Wildcard grátis para mais segurança
- Registro privado grátis para mais privacidade
- 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) | õ
|
õ
|