Codificador/decodificador HTML
Entrada de texto
Pegue el texto que desea codificar en entidades HTML.
Ajustes
Pegue el texto y haga clic en Codificar o Decodificar.
Háganoslo saber
Por favor, comparte tu experiencia.
Herramientas similares
Codificador/decodificador de URL
Codificar y decodificar URL
Convertidor de base numérica
Convertir entre binario, hexadecimal, decimal, etc.
Contador de palabras y caracteres
Calcula el número de caracteres, palabras y oraciones.
Codificador/decodificador Base64
Codificar o decodificar texto y archivos desde/hacia Base64.
Acerca de Codificador/decodificador HTML
Codifica y decodifica entidades HTML en línea. Admite entidades con nombre y numéricas. Herramienta gratuita para desarrolladores web.
Cómo usar
Paso 1
Seleccione el modo de conversión: Codificar (texto a HTML) o Decodificar (HTML a texto).
Paso 2
Pegue su texto o entidades HTML en el campo de entrada.
Paso 3
Para la codificación: cargue los ejemplos para ver diferentes tipos de texto.
Paso 4
Haz clic en "Referencia" para ver la tabla de entidades HTML comunes.
Paso 5
Configurar opciones de codificación: codificar todos los caracteres, usar entidades con nombre.
Paso 6
Haz clic en 'Codificar' o 'Decodificar' para convertir
Paso 7
Copia el resultado para usarlo en tu proyecto.
Características y beneficios
- ✅Conversión bidireccional: Texto ↔ Entidades HTML
- ✅Codifique los caracteres HTML especiales: < > y " '
- ✅Codificar todos los caracteres, incluidos los que no son ASCII (opcional).
- ✅Utilice entidades con nombre (&) o entidades numéricas (&).
- ✅Decodificar entidades tanto nombradas como numéricas
- ✅Compatibilidad con entidades decimales (& #123;) y hexadecimales (& #xAB;).
- ✅Tabla de referencia de entidades comunes con más de 20 entidades.
- ✅4 ejemplos de texto: básico, caracteres especiales, código, mixto
- ✅Muestra el carácter, la entidad nombrada, la entidad numérica y la descripción.
- ✅Copiar al portapapeles con un solo clic
- ✅Selector de modo para cambio de dirección de conversión rápido
- ✅Conversión en tiempo real
- ✅100% basado en el navegador: los datos nunca se envían al servidor.
- ✅100% gratis - sin límites, sin necesidad de registrarse
Preguntas frecuentes
¿Qué son las entidades HTML?
Las entidades HTML son códigos especiales que se utilizan para mostrar caracteres reservados en HTML. Por ejemplo, el símbolo < debe escribirse como < o < para que se muestre literalmente en lugar de interpretarse como una etiqueta HTML. Las entidades evitan la inyección de código HTML y garantizan la correcta visualización de los caracteres especiales.
¿Cuál es la diferencia entre entidades con nombre y entidades numéricas?
Las entidades con nombre utilizan nombres descriptivos: < (menor que), & (&), & (copyright). Las entidades numéricas utilizan códigos de caracteres: < (decimal) o < (hexadecimal). Las entidades con nombre son más legibles, pero las numéricas funcionan con cualquier carácter. Ambas se decodifican al mismo carácter.
¿Cuándo debo codificar HTML?
Codifique HTML cuando: muestre la entrada del usuario en páginas web (para prevenir ataques XSS), muestre ejemplos de código en HTML, almacene datos en formato XML/HTML o garantice que los caracteres especiales se muestren correctamente. La codificación es esencial para la seguridad al manejar contenido no confiable.
¿Debo codificar todos los caracteres o solo los especiales?
En la mayoría de los casos, codifique solo los caracteres HTML especiales (< > y " '). Use "Codificar todos los caracteres" cuando necesite codificar caracteres que no sean ASCII (acentos, símbolos, emojis) para lograr la máxima compatibilidad con sistemas antiguos o cuando almacene en formatos que solo admiten ASCII.
¿Puedo decodificar cualquier entidad HTML?
¡Sí! El decodificador admite entidades con nombre (<, ©, etc.), entidades numéricas decimales ({) y entidades numéricas hexadecimales («). Reconoce todas las entidades HTML estándar y las convierte de nuevo a sus caracteres originales.
¿Cuáles son las entidades HTML más comunes?
Las cinco entidades esenciales son: < (<), > (>), & (&), " («) y &apos ('). Estas deben codificarse en el contenido HTML. Otras comunes incluyen   (espacio de no separación), © (©), ® (®) y &euro (€). Haga clic en «Referencia» para ver la tabla completa.
¿Por qué utilizar entidades con nombre en lugar de numéricas?
Las entidades con nombre (© en lugar de ©) son más legibles y se autodocumentan en el código fuente. Son más fáciles de recordar y comprender. Sin embargo, las entidades numéricas funcionan con cualquier carácter Unicode, mientras que las entidades con nombre solo existen para caracteres comunes.
¿Cómo puedo mostrar código HTML en una página web?
Codifica el código HTML con esta herramienta. Por ejemplo, `<div>` se convierte en `<div>`. Esto evita que el navegador lo interprete como HTML y lo muestra como texto. Imprescindible para ejemplos de código, tutoriales y documentación.
¿Cuál es la diferencia entre ' y '?
Ambos representan la comilla simple ('). ' es la entidad con nombre, ' es la entidad numérica. Son funcionalmente idénticos. Nota: ' está definido en XML pero no en HTML4 (aunque es ampliamente compatible). ' funciona en todas partes.
¿Puedo usar esto para prevenir ataques XSS?
La codificación HTML es una capa de prevención de XSS. Convierte caracteres peligrosos como < y > en entidades seguras, evitando la inyección de scripts. Sin embargo, la protección completa contra XSS requiere múltiples capas: validación de entrada, codificación de salida, Política de Seguridad de Contenido y el uso adecuado del framework.
¿Mis datos están seguros?
¡Sí! Todo el proceso de codificación y decodificación se realiza íntegramente en tu navegador mediante JavaScript. Tu texto y HTML nunca salen de tu dispositivo ni se envían a ningún servidor, lo que garantiza total privacidad y seguridad.