Referência de Caracteres HTML

Digitar © e ficar na dúvida se o glifo © realmente aparece, ou procurar a entidade do travessão, de um espaço não separável ou de uma letra grega, desperdiça minutos toda vez. Esta referência pesquisável lista todas as entidades HTML nomeadas e numéricas definidas pelo padrão WHATWG HTML, com pesquisa instantânea e cópia com um toque.

Como encontrar uma entidade HTML

  1. 1

    Pesquisar por nome ou caractere

    Digite `copy`, `©`, `8212`, ou `em dash`, todos correspondem à mesma entidade.

  2. 2

    Escolher na grade

    Cada entidade mostra sua forma nomeada, código decimal e código hexadecimal.

  3. 3

    Copiar com um toque

    Toque para copiar o caractere, a entidade nomeada ou a entidade numérica.

  4. 4

    Filtrar por categoria

    Restringir por moeda, matemática, setas, suplementos latinos, grego ou pontuação.

Três maneiras de escrever o mesmo caractere

HTML permite que você escreva um caractere especial de três maneiras. Escolha a que melhor se lê e que é garantida para renderizar.

As três formas

Caractere Entidade nomeada Numérico decimal Numérico hexadecimal
© © © ©
® ® ® ®
™ ™ ™
€ € €
- — — —
– – –
… … …
       
< &lt; &#60; &#x3C;
> &gt; &#62; &#x3E;
& &amp; &#38; &#x26;
&quot; &#34; &#x22;

Quando usar cada forma

  • Entidades nomeadas são legíveis no código-fonte (&mdash; é claramente um travessão), mas existem apenas cerca de 250 entidades nomeadas, qualquer coisa mais incomum precisa da forma numérica.
  • Numérico decimal funciona para cada ponto de código Unicode; use quando souber o decimal (geralmente de um cartão de referência).
  • Numérico hexadecimal corresponde à notação que o próprio Unicode usa (U+2014). Converta U+NNNN prefixando com &#x.

Caracteres que devem ser escapados

Esses cinco caracteres quebram o HTML se deixados brutos no conteúdo:

  • <, escape como &lt; ou dados de caractere dentro de <pre>.
  • >, escape como &gt; (apenas necessário dentro de atributos).
  • &, escape como &amp; em todos os contextos.
  • ", escape como &quot; dentro de valores de atributos.
  • ', escape como &#39; ou &apos; dentro de atributos entre aspas simples.

Todo o resto é opcional em HTML5 UTF-8, o caractere Unicode bruto é legal.

Perguntas frequentes

Sim, porque o caractere é invisível no código-fonte. Usar &nbsp; é autoexplicativo: outro desenvolvedor que lê seu código percebe na hora sua intenção de evitar uma quebra de linha ali.

Não, &apos; é definido em XML e HTML5, mas não em HTML4. Use &#39; se precisar do apóstrofo em um documento HTML4 estritamente conforme, embora todos os navegadores modernos renderizem ambos corretamente de qualquer maneira.

U+0020 é um espaço comum em que os navegadores podem quebrar a linha. U+00A0 (espaço não separável, &nbsp;) impede a quebra de linha e não é fundido com os espaços em branco vizinhos. Use-o em “10 km” para que o valor e a unidade fiquem juntos.

Emojis têm pontos de código Unicode e podem ser escritos como entidades numéricas (&#128512; = 😀), mas em arquivos HTML modernos em UTF-8 você apenas cola o emoji diretamente. A forma de entidade é útil apenas para e-mails ou sistemas com limites de codificação.

Ferramentas relacionadas