Entidades HTML (HTML entities) são uti­li­za­das para incluir ca­rac­te­res re­ser­va­dos ou especiais em um código, ga­ran­tindo a correta exibição deles. Essas entidades consistem em sequên­cias de ca­rac­te­res bem definidas que instruem o navegador a exibir o caractere cor­res­pon­dente.

O que são entidades HTML?

Entidades HTML permitem re­pre­sen­tar de­ter­mi­na­dos ca­rac­te­res em um documento HTML que:

  • Não estão fa­cil­mente aces­sí­veis no método de entrada utilizado ou são difíceis de digitar.
  • São re­ser­va­dos pelo HTML para funções es­pe­cí­fi­cas na co­di­fi­ca­ção.

Essas sequên­cias de ca­rac­te­res são ne­ces­sá­rias para evitar que ca­rac­te­res especiais da­ni­fi­quem o código. Existem dois tipos prin­ci­pais 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 dis­po­ní­vel.

Hos­pe­da­gem que se adapta às suas ambições
  • Fique online com 99,99% de tempo de atividade e segurança robusta
  • Aumente o de­sem­pe­nho 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;
html

Por exemplo, para exibir o “e” comercial (&), deve-se usar &, que cor­res­ponde 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: &amp;</h2> 
</body> 
</html>
html
Nota

A escrita de entidades HTML é sensível a maiús­cu­las e mi­nús­cu­las. Cer­ti­fi­que-se de usar a ca­pi­ta­li­za­ção correta.

Entidades numéricas HTML

As entidades numéricas HTML utilizam o seguinte formato:

&#entity_number;
html

No lugar de entity_number, insere-se o código Unicode do caractere desejado. Para exibir o “e” comercial, utiliza-se &#38;. Confira o exemplo de código:

<!DOCTYPE html> 
<html> 
<body> 
<h1>Exemplo de uma entidade numérica</h1> 
<h2>O e comercial aparece assim: &#38;</h2> 
</body> 
</html>
html
Construa sua marca com um ótimo domínio
Registre um nome de domínio
  • SSL Wildcard grátis para mais segurança
  • Registro privado grátis para mais pri­va­ci­dade
  • Domain Connect grátis para con­fi­gu­rar DNS fácil

Lista com as prin­ci­pais entidades HTML

Seja você um iniciante apren­dendo HTML ou um usuário ex­pe­ri­ente, uma lista com as prin­ci­pais entidades HTML é sempre útil. A seguir, apre­sen­ta­mos algumas das entidades mais usadas.

Pontuação

Caractere Descrição Nomeado Numérico
Espaço sem quebra de linha
. Ponto . .
, Vírgula , ,
! Ex­cla­ma­Ã§Ã£o ! !
? In­ter­ro­ga­Ã§Ã£o ? ?
& “e” comercial & &
“ Aspas duplas " "
’ Apóstrofo ' '
# Cerquilha # #
( Parêntese aberto ( (
) Parêntese fechado ) )
% Por­cen­ta­gem % %
§ Parágrafo § §

Ca­rac­te­res especiais

Caractere Descrição Nomeado Numérico
© Copyright © ©
® Marca re­gis­trada ® ®
™ Marca comercial ™ ™
@ Arroba @ @
♀ Símbolo feminino ♀ ♀
♂ Símbolo masculino ♂ ♂
Marca de ve­ri­fi­ca­Ã§Ã£o ✓ ✓
X ou cruz ✗ ✗

Símbolos ma­te­má­ti­cos

Caractere Descrição Nomeado Numérico
+ Sinal de adição + +
− Sinal de subtração − −
× Sinal de mul­ti­pli­ca­Ã§Ã£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) &Aacute; &#193;
á Letra “a” com acento agudo (minúscula) &aacute; &#225;
É Letra “E” com acento agudo (maiúscula) &Eacute; &#201;
é Letra “e” com acento agudo (minúscula) &eacute; &#233;
Í Letra “I” com acento agudo (maiúscula) &Iacute; &#205;
í Letra “i” com acento agudo (minúscula) &iacute; &#237;
Ó Letra “O” com acento agudo (maiúscula) &Oacute; &#211;
ó Letra “o” com acento agudo (minúscula) &oacute; &#243;
Ú Letra “U” com acento agudo (maiúscula) &Uacute; &#218;
ú Letra “u” com acento agudo (minúscula) &uacute; &#250;
Ç Letra “C” com cedilha (maiúscula) &Ccedil; &#199;
ç Letra “c” com cedilha (minúscula) &ccedil; &#231;
à Letra “A” com til (maiúscula) &Atilde; &#195;
ã Letra “a” com til (minúscula) &atilde; &#227;
Õ Letra “O” com til (maiúscula) &Otilde; &#213;
õ Letra “o” com til (minúscula) &otilde; &#245;
Ir para o menu principal