Softonic

Referência de Caracteres HTML

Etapa 1 / 3

Escolha uma categoria

Seguinte: ver caracteres
Copiado!

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 reúne as entidades HTML nomeadas e numéricas mais úteis, da pontuação e dos símbolos de moeda aos sinais matemáticos e setas, 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 tabela

    Cada linha mostra o caractere, sua forma nomeada e seu código numérico.

  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 símbolos comuns, setas, sinais matemáticos 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

Referência da Tabela ASCII

Tabela ASCII completa de 0 a 127 com valores decimais, hexadecimais, octais e binários e notação de referência numérica HTML, incluindo NUL, LF e DEL.

Conversor de Tamanho de Arquivo

Converta entre bytes, KB, MB, GB, TB e as unidades binárias IEC (KiB, MiB, GiB, TiB), combinando decimal e binário como preferir.

Referência de atalhos de teclado

Pesquise atalhos padrão documentados do VS Code, Chrome e Bash com GNU Readline no macOS, Windows e Linux.

Gerador de EditorConfig

Monte um .editorconfig com as suas regras de indentação, fim de linha e charset e acrescente a seção correta para cada linguagem do seu repositório: Python, Go, YAML, Makefile e mais.

Validador de Email

Valide um endereço de email: verificação de sintaxe RFC 5322, consulta de registro MX em tempo real, além de detalhes de parte local, domínio e comprimento. Nenhum email é enviado.

Visualizador de Markdown

Escreva Markdown e veja a renderização HTML atualizar ao vivo. Sintaxe com estilo GitHub, incluindo tabelas, listas de tarefas, blocos de código cercados e autolinks.

Ferramenta disponível em outros idiomas