Convertidor de Entidades HTML

Convierte caracteres especiales en entidades HTML o decodifícalos de nuevo a texto plano.

Las entidades HTML son secuencias especiales que representan caracteres reservados o invisibles en documentos HTML. Este codificador y decodificador de entidades HTML gratuito convierte entré caracteres crudos y sus equivalentes de entidad instantáneamente. Codifica texto para prevenir ataques XSS o decodifica entidades para leer el contenido original. Todo se ejecuta en tu navegador sin comunicación con servidores.

Tus datos no salen de tu navegador
¿Te ha sido útil está herramienta?
Tutorial

Cómo usar

1
1

Paso de Uso

Convierte caracteres especiales en entidades HTML o decodifícalos de nuevo a texto plano.

Guide

Guía Completa de Entidades HTML

¿Qué son las entidades HTML?

Las entidades HTML son cadenas especiales que comienzan con & y terminan con ;. Representan caracteres reservados en HTML (como < > & y comillas) o caracteres difíciles de escribir (como guiones largos, símbolos de copyright). Por ejemplo, &lt; representa el signo menor que. La especificación define entidades con nombre (como &copy;) y numéricas (como &#169;) para cientos de caracteres Unicode.

Por qué importa la codificación de entidades

Codificar caracteres especiales es esencial por dos razones. Primero, evita que el navegador malinterprete contenido como marcado — un < suelto se leería como apertura de etiqueta. Segundo, defiende contra ataques Cross-Site Scripting (XSS) donde scripts maliciosos se inyectan a través de entrada del usuario. Codificando < > y comillas antes de insertar datos en HTML, neutralizas vectores de ataque.

Entidades con nombre vs numéricas

Las entidades con nombre usan códigos legibles como &amp; &lt;. Las numéricas usan puntos de código Unicode decimales (&#60;) o hexadecimales (&#x3C;). Las con nombre son más legibles pero limitadas. Las numéricas representan cualquier carácter Unicode, más versátiles para símbolos especiales y caracteres internacionales.

Mejores prácticas

Siempre codifica los cinco caracteres críticos en contenido de usuario: < > & comilla simple y doble. Usa las funciones de escape de tu framework en lugar de reemplazo manual. En HTML5 moderno, solo &amp; &lt; &gt; &quot; y &apos; son estrictamente necesarios si el documento usa UTF-8.

Examples

Ejemplos Resueltos

Ejemplo: Codificar entrada de usuario

Dado: texto con <script>alert(1)</script>

1

Paso 1: Identificar caracteres peligrosos: < > y comillas.

2

Paso 2: Reemplazar < con &lt; y > con &gt;.

3

Paso 3: Reemplazar comillas con &quot; o &#39;.

Resultado: &lt;script&gt;alert(1)&lt;/script&gt; (renderizado como texto)

Ejemplo: Decodificar plantilla de email

Dado: Tom &amp; Jerry&#39;s &lt;Adventures&gt;

1

Paso 1: Identificar patrones de entidad.

2

Paso 2: Reemplazar cada entidad con su carácter.

3

Paso 3: Verificar que la cadena decodificada se lee naturalmente.

Resultado: Tom & Jerry's <Adventures>

Casos de uso

Casos de uso

Prevenir ataques XSS

Codifica todo el contenido generado por usuarios antes de insertarlo en HTML para neutralizar vectores XSS. Caracteres como < > y comillas deben convertirse a entidades para que los navegadores los rendericen como texto, no como marcado ejecutable. Está es la defensa más importante contra inyección.

Mostrar fragmentos de código

Al mostrar código HTML, XML o JSX en una página web, todos los ángulos y ampersands deben codificarse como entidades para que el navegador los muestre en lugar de interpretarlos como etiquetas. Pega código crudo y obtén la versión codificada lista para blogs o documentación.

Desarrollo de plantillas de email

Los clientes de email HTML tienen soporte inconsistente de entidades. Usa está herramienta para codificar símbolos especiales como copyright, guiones largos y comillas tipográficas en sus formas numéricas que tienen la mayor compatibilidad con Outlook, Gmail y Apple Mail.

Decodificar contenido heredado

Plataformas CMS antiguas a veces almacenan contenido con codificación excesiva de entidades. Pega el texto sobre-codificado en el decodificador para recuperar los caracteres originales y limpiar contenido para migración a sistemas UTF-8 modernos.

Preguntas Frecuentes

?¿Qué son las entidades HTML?

Son secuencias como &lt; y &amp; que representan caracteres reservados en HTML. Evitan que los navegadores malinterpreten contenido como marcado y defienden contra ataques XSS.

?¿Cómo codifico texto a entidades HTML?

Pega tu texto y haz clic en Codificar. Los caracteres especiales se convierten instantáneamente. Copia el resultado con un clic.

?¿Diferencia entre entidades con nombre y numéricas?

Las con nombre como &amp; son legibles pero limitadas. Las numéricas como &#38; usan puntos de código Unicode y representan cualquier carácter.

?¿Qué caracteres deben codificarse?

Los cinco críticos: < > & comilla simple y comilla doble. Previenen ataques XSS y errores de renderizado.

?¿Cómo previenen XSS las entidades HTML?

Al convertir < y > a &lt; y &gt;, las etiquetas script inyectadas se renderizan como texto inofensivo en lugar de ejecutarse.

?¿Es gratuita está herramienta?

Sí, completamente gratuita sin registró, sin límites y sin anuncios.

?¿Mis datos son privados?

Todo se ejecuta localmente en tu navegador. Ningún dato se envía a ningún servidor.

?¿Puedo codificar Unicode como entidades HTML?

Sí. Cualquier carácter Unicode se representa como entidad numérica usando su punto de código, como &#169; para copyright.

Ayúdanos a mejorar

¿Qué te parece está herramienta?

Cada herramienta de Kitmul se construye a partir de peticiones reales de usuarios. Tu valoración y tus sugerencias nos ayudan a arreglar bugs, añadir funciones que faltan y construir las herramientas que realmente necesitas.

Valora está herramienta

Pulsa una estrella para contarnos lo útil que te ha resultado.

Sugiere una mejora o reporta un bug

¿Te falta alguna función? ¿Has encontrado un falló? ¿Tienes una idea? Cuéntanoslo y lo revisaremos.

Herramientas relacionadas

Lectura Recomendada

Libros Recomendados sobre HTML y Desarrollo Web

Cómo asociado de Amazon, ganamos con las compras que califican.

Potencia tus Capacidades

Productos Profesionales para Potenciar tu Entorno de Desarrollo

Cómo asociado de Amazon, ganamos con las compras que califican.

Boletín

Recibe Consejos de Productividad y Nuevas Herramientas Primero

Únete a creadores y desarrolladores que valoran la privacidad. En cada edición: nuevas herramientas, trucos de productividad y novedades — sin spam.

Acceso prioritario a nuevas herramientas
Cancela en cualquier momento, sin preguntas