Codificar/Decodificar HTML

Convierte todos los caracteres aplicables a entidades HTML, o viceversa

Etiquetas: codificador codificar/decodificar html decodificador html

🚀 313,493 conversiones totales (3,348 este mes)

Introducción

Esta herramienta en línea para codificar HTML te ayuda a convertir caracteres en entidades HTML. Es una forma simple y eficiente de manejar caracteres reservados o especiales en tu código HTML.

Cómo Usar Esta Herramienta

  1. Pega tu código HTML directamente en el editor o escríbelo.
  2. Haz clic en el botón Codificar o Decodificar para procesar tu HTML.
  3. Después de codificar o decodificar, puedes:
    • Descargar el resultado procesado.
    • Guardarlo o compartirlo usando un enlace único.
    • Iniciar sesión con Google o GitHub para guardar tus resultados para uso futuro.

¿Qué es una Entidad HTML?

Una entidad HTML es un fragmento de texto que comienza con un ampersand (&) y termina con un punto y coma (;). Las entidades se usan comúnmente para mostrar caracteres reservados, como < o >, que de otro modo serían interpretados como código HTML. También pueden representar caracteres invisibles (por ejemplo, espacios no separables) o caracteres especiales que son difíciles de escribir en un teclado estándar.

Por ejemplo:

  • < representa el símbolo de menor que ("<").
  • & representa el ampersand ("&").

Aprende más sobre entidades HTML en esta guía útil .

Algunas Entidades de Caracteres HTML Útiles

Resultado Descripción Nombre de Entidad Número de Entidad
espacio no separable &nbsp; &#160;
< menor que &lt; &#60;
> mayor que &gt; &#62;
& ampersand &amp; &#38;
" comillas dobles &quot; &#34;
' comillas simples (apóstrofo) &apos; &#39;
¢ centavo &cent; &#162;
£ libra &pound; &#163;
¥ yen &yen; &#165;
euro &euro; &#8364;
© copyright &copy; &#169;
® marca registrada &reg; &#174;

Ejemplos

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>
      
    

Después de 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;