Codificador de HTML (entities)

Este codificador de HTML converte caracteres especiais em entidades HTML e faz também o caminho inverso, tudo de graça e direto no seu navegador. É a solução prática quando você precisa mostrar código-fonte em uma página sem que o navegador o interprete como marcação, ou quando quer descobrir qual símbolo se esconde por trás de uma entidade como é. Cole o texto, escolha codificar ou decodificar e copie o resultado em segundos.

Como usar

1. Cole o seu HTML ou texto no campo Texto de entrada.
2. Clique em Codificar para transformar os caracteres especiais em entidades, ou em Decodificar para converter as entidades de volta nos caracteres originais.
3. Se quiser transformar também acentos e emojis em entidades numéricas, marque a caixa “Codificar todos os caracteres não-ASCII” antes de codificar.
4. Confira o resultado no campo Resultado e clique em Copiar resultado para levar o texto pronto para o seu editor.
5. Use o botão Limpar para começar uma nova conversão do zero.

Como funciona

No HTML, alguns caracteres têm significado especial. O sinal de menor que (<) inicia uma tag, o & comercial inicia uma entidade e as aspas delimitam atributos. Para exibir esses símbolos na tela, é preciso substituí-los pelas entidades correspondentes, e assim o navegador desenha o caractere em vez de interpretá-lo como código. A codificação segue uma ordem importante: o & é convertido primeiro, para não corromper as demais entidades. Veja as substituições feitas ao codificar:

• & → &
• < → <
• > → >
• " → "
• ' → '

Ao marcar a opção de caracteres não-ASCII, acentos e emojis também viram entidades numéricas — por exemplo, ç vira ç e é vira é — garantindo compatibilidade máxima em qualquer codificação de página. Na decodificação, a ferramenta reconhece tanto as entidades nomeadas (<, >, &, ",  , entre outras) quanto as numéricas em formato decimal (é) e hexadecimal (é).

Exemplos práticos

Imagine que você escreve um tutorial e quer mostrar a linha <div class="box">Olá & bem-vindo</div> dentro do texto. Se colar essa linha diretamente na sua página, o navegador vai renderizar a div em vez de exibi-la. Ao codificar, ela vira <div class="box">Olá & bem-vindo</div>, que aparece na tela exatamente como o código original. A conversão é indispensável para blocos <pre> e <code>, documentação, e-mails em HTML e comentários que exibem trechos de programação.

Dica: se o seu código aparecer com < na página, houve dupla codificação — decodifique uma vez para corrigir. E, ao inserir texto vindo de usuários no seu HTML, codificar é uma boa prática de segurança, pois evita que tags ou scripts sejam interpretados.

Perguntas frequentes