Faça upgrade para Premium — sem anúncios, mais recursos! ⚡ — Saber mais

Codificador/Decodificador HTML

Entrada de texto

Cole o texto a ser codificado em entidades HTML

Configurações

Cole o texto e clique em Codificar ou Decodificar.

Informe-nos

Por favor, compartilhe sua experiência.

Sobre Codificador/Decodificador HTML

Codifique e decodifique entidades HTML online. Suporta entidades nomeadas e numéricas. Ferramenta gratuita para desenvolvedores web.

Como usar

1

Passo 1

Selecione o modo de conversão: Codificar (texto para HTML) ou Decodificar (HTML para texto)

2

Passo 2

Cole seu texto ou entidades HTML no campo de entrada.

3

Passo 3

Para codificação: carregue os exemplos para ver diferentes tipos de texto.

4

Passo 4

Clique em 'Referência' para visualizar a tabela de entidades HTML comuns.

5

Passo 5

Configure as opções de codificação: codificar todos os caracteres, usar entidades nomeadas.

6

Passo 6

Clique em 'Codificar' ou 'Decodificar' para converter.

7

Passo 7

Copie o resultado para usar em seu projeto.

Características e benefícios

  • ✅Conversão bidirecional: Texto ↔ Entidades HTML
  • ✅Codifique caracteres HTML especiais: < > & " '
  • ✅Codificar todos os caracteres, incluindo os não ASCII (opcional)
  • ✅Use entidades nomeadas (&amp;lt;) ou entidades numéricas (&amp;#60;)
  • ✅Decodificar entidades nomeadas e numéricas
  • ✅Suporte para entidades decimais (&amp;#123;) e hexadecimais (&amp;#xAB;)
  • ✅Tabela de referência de entidades comuns com mais de 20 entidades
  • ✅4 exemplos de texto: básico, caracteres especiais, código, misto
  • ✅Exibe caracteres, entidades nomeadas, entidades numéricas e descrição.
  • ✅Copiar para a área de transferência com um clique
  • ✅Seletor de modo para mudança rápida de direção.
  • ✅Conversão em tempo real
  • ✅100% baseado em navegador - os dados nunca são enviados para o servidor.
  • ✅100% grátis - sem limites, sem necessidade de cadastro

Perguntas frequentes

O que são entidades HTML?

Entidades HTML são códigos especiais usados para exibir caracteres reservados em HTML. Por exemplo, < deve ser escrito como &lt; ou &#60; para ser exibido literalmente em vez de ser interpretado como uma tag HTML. As entidades impedem a injeção de HTML e garantem a exibição correta de caracteres especiais.

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

Entidades nomeadas usam nomes descritivos: &lt; (menor que), &amp; (e comercial), &copy; (direitos autorais). Entidades numéricas usam códigos de caracteres: &#60; (decimal) ou &#x3C; (hexadecimal). Entidades nomeadas são mais legíveis, mas entidades numéricas funcionam para qualquer caractere. Ambas são decodificadas para o mesmo caractere.

Quando devo codificar HTML?

Codifique o HTML quando: exibir a entrada do usuário em páginas da web (prevenindo ataques XSS), mostrar exemplos de código em HTML, armazenar dados em formato XML/HTML ou garantir que caracteres especiais sejam exibidos corretamente. A codificação é essencial para a segurança ao lidar com conteúdo não confiável.

Devo codificar todos os caracteres ou apenas os especiais?

Na maioria dos casos, codifique apenas caracteres HTML especiais (< > e " '). Use "Codificar todos os caracteres" quando precisar codificar caracteres não ASCII (acentos, símbolos, emojis) para máxima compatibilidade com sistemas mais antigos ou ao armazenar em formatos somente ASCII.

Posso decodificar qualquer entidade HTML?

Sim! O decodificador lida com entidades nomeadas (&lt;, &copy;, etc.), entidades numéricas decimais (&#123;) e entidades numéricas hexadecimais (&#xAB;). Ele reconhece todas as entidades HTML padrão e as converte de volta para seus caracteres originais.

Quais são as entidades HTML mais comuns?

As cinco entidades essenciais são: &lt; (<), &gt; (>), &amp; (&), &quot; ("), e &apos; ('). Elas devem ser codificadas no conteúdo HTML. Outras comuns incluem &nbsp; (espaço não separável), &copy; (©), &reg; (®), e &euro; (€). Clique em 'Referência' para ver a tabela completa.

Por que usar entidades nomeadas em vez de numéricas?

Entidades nomeadas (&copy; em vez de &#169;) são mais legíveis e autoexplicativas no código-fonte. São mais fáceis de lembrar e entender. No entanto, entidades numéricas funcionam para qualquer caractere Unicode, enquanto entidades nomeadas existem apenas para caracteres comuns.

Como faço para exibir código HTML em uma página da web?

Codifique o código HTML usando esta ferramenta. Por exemplo, <div> torna-se &lt;div&gt;. Isso impede que o navegador o interprete como HTML e o exibe como texto. Essencial para exemplos de código, tutoriais e documentação.

Qual a diferença entre &apos; e &#39;?

Ambos representam aspas simples ('). &apos; é a entidade nomeada, &#39; é a entidade numérica. Eles são funcionalmente idênticos. Observação: &apos; é definido em XML, mas não em HTML4 (embora seja amplamente suportado). &#39; funciona em todos os lugares.

Posso usar isso para prevenir ataques XSS?

A codificação HTML é uma camada de prevenção contra XSS. Ela converte caracteres perigosos como < e > em entidades seguras, impedindo a injeção de scripts. No entanto, a proteção completa contra XSS requer múltiplas camadas: validação de entrada, codificação de saída, Política de Segurança de Conteúdo (CSP) e uso adequado de frameworks.

Meus dados estão seguros?

Sim! Toda a codificação e decodificação ocorre inteiramente no seu navegador usando JavaScript. Seu texto e HTML nunca saem do seu dispositivo e não são enviados para nenhum servidor, garantindo total privacidade e segurança.