Codificador/Decodificador HTML

Transforme caracteres em entidades HTML facilmente. Ferramenta online, sem configuração, ideal para testar e depurar.

Tags: codificação/decodificação html codificador decodificador html

🚀 313,609 conversões totais (31 este mês)

🔥 O que outros desenvolvedores estão aprendendo? Descubra agora

Loading...

Introdução

Esta ferramenta online de codificação HTML ajuda você a converter caracteres em entidades HTML. É uma maneira simples e eficiente de lidar com caracteres reservados ou especiais no seu código HTML.

Como Usar Esta Ferramenta

  1. Cole seu código HTML diretamente no editor ou digite-o.
  2. Clique no botão Codificar ou Decodificar para processar seu HTML.
  3. Após codificar ou decodificar, você pode:
    • Baixar o resultado processado.
    • Salvar ou compartilhar usando um link único.
    • Entrar com Google ou GitHub para salvar seus resultados para uso futuro.

O que é uma Entidade HTML?

Uma entidade HTML é um pedaço de texto que começa com um e comercial (&) e termina com um ponto e vírgula (;). Entidades são comumente usadas para exibir caracteres reservados, como < ou >, que de outra forma seriam interpretados como código HTML. Elas também podem representar caracteres invisíveis (por exemplo, espaços não separáveis) ou caracteres especiais que são difíceis de digitar em um teclado padrão.

Por exemplo:

  • < representa o símbolo de menor que ("<").
  • & representa o e comercial ("&").

Saiba mais sobre entidades HTML neste guia útil .

Algumas Entidades de Caracteres HTML Úteis

Resultado Descrição Nome da Entidade Número da Entidade
espaço não separável &nbsp; &#160;
< menor que &lt; &#60;
> maior que &gt; &#62;
& e comercial &amp; &#38;
" aspas duplas &quot; &#34;
' aspas simples (apóstrofo) &apos; &#39;
¢ centavo &cent; &#162;
£ libra &pound; &#163;
¥ iene &yen; &#165;
euro &euro; &#8364;
© direitos autorais &copy; &#169;
® marca registrada &reg; &#174;

Exemplos

Antes de codificar

      
<!doctype html>
<html lang="en">
  <head>
    <title>Hello World!</title>
  </head>
  <body>
    <div id="content">
      <h1 class="title">Hello World!</h1>
    </div>
  </body>
</html>
      
    

Após codificar

      
&lt;!doctype html&gt;
&lt;html lang=&quot;en&quot;&gt;
  &lt;head&gt;
    &lt;title&gt;Hello World!&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;div id=&quot;content&quot;&gt;
      &lt;h1 class=&quot;title&quot;&gt;Hello World!&lt;/h1&gt;
    &lt;/div&gt;
  &lt;/body&gt;
&lt;/html&gt;