# 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.

### Entidades nomeadas HTML

As entidades nomeadas HTML seguem este formato:

```html
&entity_name;
```

Por exemplo, para exibir o “e” comercial (&amp;), deve-se usar `&amp;`, que corresponde ao termo em inglês *ampersand*. Veja este exemplo de código para entender melhor:

```html
 
<html> 
<body> 
<h1>Exemplo de uma entidade nomeada</h1> 
<h2>O e comercial aparece assim: &amp;</h2> 
<div class="hash d-none" hidden>hash_80c432827c25ee166509c50d98d2f29ed3bd0f6f</div><script data-shy-copy-guard>(function(){var C=[0x00AD,0x200B,0x200C,0x200D,0x2060,0xFEFF];var s=function(t){for(var i=0;i<C.length;i++){t=t.split(String.fromCharCode(C[i])).join("");}return t;};document.addEventListener("copy",function(e){var sel=document.getSelection();if(!sel||sel.isCollapsed||!e.clipboardData){return;}e.clipboardData.setData("text/plain",s(sel.toString()));try{var d=document.createElement("div");d.appendChild(sel.getRangeAt(0).cloneContents());e.clipboardData.setData("text/html",s(d.innerHTML));}catch(x){}e.preventDefault();});})();</script></body> 
</html>
```

Nota 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:

```html
&#entity_number;
```

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:

```html
 
<html> 
<body> 
<h1>Exemplo de uma entidade numérica</h1> 
<h2>O e comercial aparece assim: &#38;</h2> 
<div class="hash d-none" hidden>hash_80c432827c25ee166509c50d98d2f29ed3bd0f6f</div><script data-shy-copy-guard>(function(){var C=[0x00AD,0x200B,0x200C,0x200D,0x2060,0xFEFF];var s=function(t){for(var i=0;i<C.length;i++){t=t.split(String.fromCharCode(C[i])).join("");}return t;};document.addEventListener("copy",function(e){var sel=document.getSelection();if(!sel||sel.isCollapsed||!e.clipboardData){return;}e.clipboardData.setData("text/plain",s(sel.toString()));try{var d=document.createElement("div");d.appendChild(sel.getRangeAt(0).cloneContents());e.clipboardData.setData("text/html",s(d.innerHTML));}catch(x){}e.preventDefault();});})();</script></body> 
</html>
```

## 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

<table>
  <thead>
    <tr>
      <th>Caractere</th>
      <th>Descrição</th>
      <th>Nomeado</th>
      <th>Numérico</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td></td>
      <td>Espaço sem quebra de linha</td>
      <td>``</td><td>``</td></tr><tr><td>.</td><td>Ponto </td><td>`.`</td><td>`.`</td></tr><tr><td>,</td><td>Vírgula </td><td>`,`</td><td>`,`</td></tr><tr><td>!</td><td>Exclamação </td><td>`!`</td><td>`!`</td></tr><tr><td>?</td><td>Interrogação </td><td>`?`</td><td>`?`</td></tr><tr><td>&amp; </td><td>“e” comercial </td><td>`&amp;`</td><td>`&amp;`</td></tr><tr><td>“ </td><td>Aspas duplas </td><td>`"`</td><td>`"`</td></tr><tr><td>’ </td><td>Apóstrofo </td><td>`'`</td><td>`'`</td></tr><tr><td>\#</td><td>Cerquilha </td><td>`#`</td><td>`#`</td></tr><tr><td>(</td><td>Parêntese aberto </td><td>`(`</td><td>`(`</td></tr><tr><td>)</td><td>Parêntese fechado </td><td>`)`</td><td>`)`</td></tr><tr><td>%</td><td>Porcentagem </td><td>`%`</td><td>`%`</td></tr><tr><td>§ </td><td>Parágrafo </td><td>`§`</td><td>`§`</td>
    </tr>
  </tbody>
</table>

### Caracteres especiais

<table>
  <thead>
    <tr>
      <th>Caractere</th>
      <th>Descrição</th>
      <th>Nomeado</th>
      <th>Numérico</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>©</td>
      <td>Copyright</td>
      <td>`©`</td>
      <td>`©`</td>
    </tr>
    <tr>
      <td>®</td>
      <td>Marca registrada</td>
      <td>`®`</td>
      <td>`®`</td>
    </tr>
    <tr>
      <td>™</td>
      <td>Marca comercial</td>
      <td>`™`</td>
      <td>`™`</td>
    </tr>
    <tr>
      <td>@</td>
      <td>Arroba</td>
      <td>`@`</td>
      <td>`@`</td>
    </tr>
    <tr>
      <td>♀</td>
      <td>Símbolo feminino</td>
      <td>`♀`</td>
      <td>`♀`</td>
    </tr>
    <tr>
      <td>♂</td>
      <td>Símbolo masculino</td>
      <td>`♂`</td>
      <td>`♂`</td>
    </tr>
    <tr>
      <td></td>
      <td>Marca de verificação</td>
      <td>`✓`</td>
      <td>`✓`</td>
    </tr>
    <tr>
      <td></td>
      <td>X ou cruz</td>
      <td>`✗`</td>
      <td>`✗`</td>
    </tr>
  </tbody>
</table>

### Símbolos matemáticos

<table>
  <thead>
    <tr>
      <th>Caractere</th>
      <th>Descrição</th>
      <th>Nomeado</th>
      <th>Numérico</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>+</td>
      <td>Sinal de adição</td>
      <td>`+`</td>
      <td>`+`</td>
    </tr>
    <tr>
      <td>−</td>
      <td>Sinal de subtração</td>
      <td>`−`</td>
      <td>`−`</td>
    </tr>
    <tr>
      <td>×</td>
      <td>Sinal de multiplicação</td>
      <td>`×`</td>
      <td>`×`</td>
    </tr>
    <tr>
      <td>÷</td>
      <td>Sinal de divisão</td>
      <td>`÷`</td>
      <td>`÷`</td>
    </tr>
    <tr>
      <td>=</td>
      <td>Igual</td>
      <td>`=`</td>
      <td>`=`</td>
    </tr>
    <tr>
      <td>&lt;</td>
      <td>Menor que</td>
      <td>`<`</td>
      <td>`<`</td>
    </tr>
    <tr>
      <td>&gt;</td>
      <td>Maior que</td>
      <td>`>`</td>
      <td>`>`</td>
    </tr>
  </tbody>
</table>

### Moedas

<table>
  <thead>
    <tr>
      <th>Caractere</th>
      <th>Descrição</th>
      <th>Nomeado</th>
      <th>Numérico</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>€</td>
      <td>Euro</td>
      <td>`€`</td>
      <td>`€`</td>
    </tr>
    <tr>
      <td>¢</td>
      <td>Centavo</td>
      <td>`¢`</td>
      <td>`¢`</td>
    </tr>
    <tr>
      <td>$</td>
      <td>Dólar</td>
      <td>`$`</td>
      <td>`$`</td>
    </tr>
    <tr>
      <td>£</td>
      <td>Libra</td>
      <td>`£`</td>
      <td>`£`</td>
    </tr>
    <tr>
      <td>¥</td>
      <td>Iene</td>
      <td>`¥`</td>
      <td>`¥`</td>
    </tr>
  </tbody>
</table>

### Acentos comuns no português

<table>
  <thead>
    <tr>
      <th>Caractere</th>
      <th>Descrição</th>
      <th>Nomeado</th>
      <th>Numérico</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Á</td>
      <td>Letra “A” com acento agudo (maiúscula)</td>
      <td>`&Aacute;`</td>
      <td>`&#193;`</td>
    </tr>
    <tr>
      <td>á</td>
      <td>Letra “a” com acento agudo (minúscula)</td>
      <td>`&aacute;`</td>
      <td>`&#225;`</td>
    </tr>
    <tr>
      <td>É</td>
      <td>Letra “E” com acento agudo (maiúscula)</td>
      <td>`&Eacute;`</td>
      <td>`&#201;`</td>
    </tr>
    <tr>
      <td>é</td>
      <td>Letra “e” com acento agudo (minúscula)</td>
      <td>`&eacute;`</td>
      <td>`&#233;`</td>
    </tr>
    <tr>
      <td>Í</td>
      <td>Letra “I” com acento agudo (maiúscula)</td>
      <td>`&Iacute;`</td>
      <td>`&#205;`</td>
    </tr>
    <tr>
      <td>í</td>
      <td>Letra “i” com acento agudo (minúscula)</td>
      <td>`&iacute;`</td>
      <td>`&#237;`</td>
    </tr>
    <tr>
      <td>Ó</td>
      <td>Letra “O” com acento agudo (maiúscula)</td>
      <td>`&Oacute;`</td>
      <td>`&#211;`</td>
    </tr>
    <tr>
      <td>ó</td>
      <td>Letra “o” com acento agudo (minúscula)</td>
      <td>`&oacute;`</td>
      <td>`&#243;`</td>
    </tr>
    <tr>
      <td>Ú</td>
      <td>Letra “U” com acento agudo (maiúscula)</td>
      <td>`&Uacute;`</td>
      <td>`&#218;`</td>
    </tr>
    <tr>
      <td>ú</td>
      <td>Letra “u” com acento agudo (minúscula)</td>
      <td>`&uacute;`</td>
      <td>`&#250;`</td>
    </tr>
    <tr>
      <td>Ç</td>
      <td>Letra “C” com cedilha (maiúscula)</td>
      <td>`&Ccedil;`</td>
      <td>`&#199;`</td>
    </tr>
    <tr>
      <td>ç</td>
      <td>Letra “c” com cedilha (minúscula)</td>
      <td>`&ccedil;`</td>
      <td>`&#231;`</td>
    </tr>
    <tr>
      <td>Ã</td>
      <td>Letra “A” com til (maiúscula)</td>
      <td>`&Atilde;`</td>
      <td>`&#195;`</td>
    </tr>
    <tr>
      <td>ã</td>
      <td>Letra “a” com til (minúscula)</td>
      <td>`&atilde;`</td>
      <td>`&#227;`</td>
    </tr>
    <tr>
      <td>Õ</td>
      <td>Letra “O” com til (maiúscula)</td>
      <td>`&Otilde;`</td>
      <td>`&#213;`</td>
    </tr>
    <tr>
      <td>õ</td>
      <td>Letra “o” com til (minúscula)</td>
      <td>`&otilde;`</td>
      <td>`&#245;`</td>
    </tr>
  </tbody>
</table>

Dica 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.


This is a markdown version of: [https://www.ionos.com/pt-br/digitalguide/sites-de-internet/desenvolvimento-web/html-entities/](https://www.ionos.com/pt-br/digitalguide/sites-de-internet/desenvolvimento-web/html-entities/) for AI/LLM consumption.