Codificador e Decodificador de Entidades HTML

Codifique caracteres especiais em entidades HTML e decodifique de volta — no seu navegador.

Como usar

  1. Cole seu texto ou trecho de HTML no campo de entrada — exemplos de código, texto acentuado, símbolos, qualquer coisa.
  2. Clique em "Codificar" para transformar &, <, >, " e ' em entidades (marque a caixa para também converter todo caractere não ASCII para a forma numérica), ou em "Decodificar" para traduzir entidades de volta em caracteres comuns.
  3. Copie ou baixe o resultado. Tudo roda no seu navegador — nada é enviado a servidor nenhum.

Sobre esta ferramenta

As entidades HTML são o mecanismo de escape da web: sequências como &amp;, &lt; e &#233; que permitem a uma página exibir caracteres que de outra forma seriam interpretados como marcação ou não estariam disponíveis na codificação do documento. Sempre que você precisa mostrar um exemplo de código dentro de uma página, colocar texto do usuário num atributo ou colar conteúdo num sistema que estraga acentos e símbolos, codificar é a resposta — e quando você recebe um texto cheio de &nbsp; e &#39; de um scraper, um feed ou um dump de banco de dados, decodificar o traz de volta a caracteres legíveis.

O codificador sempre converte os cinco caracteres que importam para segurança e correção — &, <, >, aspas duplas e simples — substituindo o apóstrofo pela forma numérica &#39; porque a forma nomeada &apos; não é definida no HTML 4. Uma caixa opcional converte adicionalmente todo caractere acima da faixa ASCII numa entidade numérica (&#233; para é, &#128512; para 😀), pareando corretamente as metades substitutas para que emojis virem um único ponto de código em vez de dois números quebrados. O decodificador trabalha na direção oposta com uma tabela embutida das cerca de 250 entidades nomeadas do padrão HTML 4 — de &nbsp; e &copy; a letras gregas e setas —, além de toda entidade numérica na forma decimal (&#233;) ou hexadecimal (&#x1F600;).

Nomes mais raros do HTML5 fora da tabela são resolvidos por um elemento desanexado do navegador, então praticamente qualquer entidade válida decodifica corretamente, enquanto sequências malformadas ou impossíveis (como pontos de código substitutos) ficam intocadas em vez de serem corrompidas. A linha de status diz exatamente quantas substituições foram feitas, uma checagem rápida ao limpar grandes blocos de texto. Tudo acontece localmente em JavaScript: seu conteúdo nunca é enviado, registrado ou armazenado em lugar nenhum.

Perguntas frequentes

Quando devo codificar caracteres como entidades HTML?

Codifique sempre que o texto for colocado dentro de HTML e não puder ser interpretado como marcação: exemplos de código numa página, entrada de usuário ecoada em atributos, ou símbolos que quebram em codificações legadas. Os cinco caracteres críticos são &, <, >, " e '.

Qual é a diferença entre entidades nomeadas e numéricas?

Entidades nomeadas usam um mnemônico (&copy; para ©) e só existem para uma lista fixa de caracteres; entidades numéricas referenciam qualquer ponto de código Unicode diretamente, em decimal (&#169;) ou hexadecimal (&#xA9;). Os navegadores tratam as duas de forma idêntica.

Por que o codificador gera &#39; em vez de &apos;?

Porque &apos; não faz parte do HTML 4, então parsers muito antigos e alguns clientes de e-mail não o entendem. A forma numérica &#39; renderiza o apóstrofo em qualquer lugar, e por isso é a convenção segura.

O decodificador lida com emojis e entidades hexadecimais?

Sim. Ele decodifica entidades numéricas decimais e hexadecimais em toda a faixa Unicode, incluindo caracteres astrais como &#x1F600; (😀), e os reconstrói como pares substitutos corretos em strings JavaScript.

Meu texto sai do meu navegador?

Não. A codificação e a decodificação rodam 100% em JavaScript no seu dispositivo. Nada é transmitido, registrado ou armazenado em servidor nenhum.

Ferramentas relacionadas

Links longos? Encurte de graça

O Vai.la transforma qualquer URL em um link curto com estatísticas de cliques, QR Code e seu próprio biolink.

O Vai.la não se responsabiliza pelo uso das ferramentas nem por decisões tomadas com base nos seus resultados.