Quando e por que codificar entidades HTML
Alguns caracteres têm significado especial em HTML. O sinal < abre uma tag, o & inicia uma entidade e as aspas delimitam valores de atributos. Se você inserir um texto com esses caracteres direto no HTML, por exemplo um trecho de código ou um comentário de usuário, o navegador pode interpretá-lo como marcação: o texto some, o layout quebra ou, no pior caso, um script é executado.
Codificar troca esses caracteres por entidades: & vira &, < vira <, > vira >, " vira " e o apóstrofo vira '. Esse é o primeiro modo da ferramenta, que escapa apenas os cinco caracteres especiais e deixa o resto do texto como está. É o que você precisa para mostrar código em um tutorial ou inserir texto em um atributo.
O segundo modo também codifica todos os caracteres fora do ASCII: acentos (á, ã, ç), o ñ, símbolos como € e emoji. Você escolhe o formato: entidades nomeadas (é), numéricas decimais (é) ou hexadecimais (é). Isso é útil em sistemas antigos ou arquivos que não estão em UTF-8, onde acentos aparecem como caracteres estranhos. A ferramenta usa a biblioteca he, que conhece a lista completa de entidades do HTML5.
O texto é codificado no seu navegador, sem upload. O teste grátis cobre um arquivo ou um texto colado, que você pode codificar de novo com outras opções; para novos conteúdos, o ToolStudio Pro oferece uso ilimitado, vários arquivos de uma vez em um ZIP e nenhum anúncio.
Como codificar entidades HTML
- Cole o texto ou arraste um arquivo.
- Escolha o modo: apenas os 5 caracteres especiais ou também todos os caracteres não ASCII.
- Se codificar os não ASCII, escolha entidades nomeadas, decimais ou hexadecimais.
- Clique no botão para codificar.
- Copie o resultado ou baixe o arquivo.
Usos comuns
- Mostrar trechos de código HTML em tutoriais e documentação.
- Inserir texto com aspas dentro de atributos como title ou alt.
- Corrigir acentos em templates de e-mail ou sistemas sem UTF-8.
- Preparar texto para arquivos XML ou feeds RSS.
- Escapar conteúdo antes de colá-lo em um CMS que interpreta HTML.
Exemplos de entidades HTML
- & → &
- < → < e > → >
- " → "
- Apóstrofo → '
- é → é (nomeada), é (decimal) ou é (hexadecimal)
- ç → ç ou ç
- € → € ou €
- Espaço não separável → ou  
Perguntas Frequentes
Preciso codificar acentos em uma página UTF-8?
Não. Com <meta charset="utf-8"> os acentos funcionam normalmente. Codificar todos os caracteres não ASCII só é útil em sistemas ou arquivos que não usam UTF-8.
Entidades nomeadas, decimais ou hexadecimais?
Todas são equivalentes para o navegador. As nomeadas são mais legíveis; as numéricas existem para qualquer caractere, inclusive emoji, que não tem nome.
Codificar entidades protege contra XSS?
Escapar os 5 caracteres especiais é a base para inserir texto com segurança no conteúdo e em atributos entre aspas. Contextos como URLs, JavaScript ou CSS precisam de outros tipos de escape.
Meu texto é enviado a um servidor?
Não. A codificação acontece no seu navegador.
É grátis?
Você pode testar com um arquivo ou um texto colado e codificá-lo de novo com outras opções. Para novos conteúdos é preciso o ToolStudio Pro, com uso ilimitado, vários arquivos de uma vez em ZIP e sem anúncios.