Codificador de entidades HTML

Pegue HTML arriba o elija un ejemplo rápido para ver la codificación en acción

100% privado: toda la codificación de entidades HTML se realiza completamente en su navegador. Su código HTML nunca se envía a ningún servidor. No salen datos de su dispositivo.

• ¡Copiado!: HTML codificado copiado al portapapeles.
• Error al copiar: no se pudo copiar al portapapeles.
• ¡Descargado!: Archivo HTML codificado descargado.
• HTML básico
• Guión y estilo
• Formulario con caracteres especiales

• Múltiples métodos de codificación: codifique HTML en entidades decimales (A), hexadecimales (A) o con nombre (&). Elija el formato de codificación que mejor se adapte a sus necesidades: decimal para compatibilidad universal, hexadecimal para representación compacta o entidades con nombre para mayor legibilidad. Cambie entre métodos al instante con un solo clic.
• Alcance de codificación flexible: tres modos de codificación le brindan control total: codifica todos los caracteres para una máxima ofuscación, codifica solo caracteres especiales HTML ( & " ') para preservar la legibilidad y al mismo tiempo garantizar una salida válida, o codifica solo contenido de texto para dejar intactas las etiquetas y atributos HTML. Perfecto para la ofuscación selectiva.
• Vista previa en vivo en paralelo: vea su HTML original y codificado en paralelo con actualizaciones en tiempo real a medida que escribe. Supervise las estadísticas de codificación de caracteres, el tamaño original frente al codificado y el porcentaje de aumento de tamaño. Verifique instantáneamente que su codificación produzca el resultado esperado antes de usarla en producción.
• Procesamiento 100% privado en el navegador local: su código HTML nunca sale de su dispositivo. Toda la codificación de entidades se realiza íntegramente en su navegador utilizando JavaScript puro: sin cargas, sin procesamiento del lado del servidor, sin seguimiento. Úselo en HTML confidencial, marcado propietario o contenido confidencial con total tranquilidad.

• Anti-scraping y protección de datos: codifique contenido HTML para disuadir a los web scrapers y robots automatizados de extraer fácilmente su contenido de texto. El texto codificado por entidades se representa de manera idéntica en los navegadores, pero requiere un esfuerzo de análisis adicional para los raspadores, lo que dificulta la extracción masiva sin afectar a los visitantes legítimos.
• Ofuscación de información de contacto y correo electrónico: codifique direcciones de correo electrónico, números de teléfono y otros detalles de contacto como entidades HTML para ocultarlos de los recolectores de correo electrónico y los robots de spam. Si bien el texto codificado se muestra correctamente en los navegadores, los recolectores automáticos que analizan HTML sin formato no podrán decodificar las entidades sin un procesamiento adicional.
• Inserción segura en CMS y plantillas: al incrustar código HTML dentro de campos de CMS, variables de plantilla o cadenas de JavaScript, la codificación de entidades HTML evita problemas prematuros de análisis y representación de etiquetas. Utilice la codificación de entidades para incluir de forma segura ejemplos HTML, fragmentos de código o caracteres especiales en los sistemas de gestión de contenidos.
• Desarrollo de correo electrónico HTML: los correos electrónicos HTML se benefician de la codificación de entidades para caracteres especiales para garantizar una representación consistente en todos los clientes de correo electrónico. Codifique símbolos, caracteres acentuados y puntuación especial para evitar problemas de codificación de caracteres en Outlook, Gmail y otros clientes de correo electrónico que pueden no admitir ciertos conjuntos de caracteres.
• Integración de bases de datos y backend: al almacenar contenido HTML en bases de datos, la codificación de entidades con caracteres especiales evita problemas similares a la inyección SQL y garantiza que el HTML almacenado se pueda recuperar y representar de forma segura. Particularmente útil para contenido generado por el usuario, resultados del editor WYSIWYG y fragmentos HTML almacenados en campos JSON.
• Recursos educativos y de aprendizaje: demuestre conceptos de codificación de entidades HTML en materiales educativos, tutoriales y documentación. Muestre cómo funcionan las entidades HTML proporcionando ejemplos interactivos con diferentes métodos de codificación. Ayude a los estudiantes a comprender la relación entre los códigos de caracteres, las entidades con nombre y su salida representada.

La codificación de entidades HTML es el proceso de reemplazar caracteres en HTML con sus referencias de entidades correspondientes. Cada carácter puede representarse mediante una referencia de carácter numérico (decimal: A o hexadecimal: A ) o una referencia de entidad con nombre ( < para < ). Los navegadores decodifican automáticamente estas entidades al representar la página, por lo que el contenido mostrado sigue siendo idéntico al original.

La codificación de entidades tiene múltiples propósitos: evita que los caracteres especiales HTML se interpreten como marcas, protege contra secuencias de comandos entre sitios (XSS) al mostrar contenido generado por el usuario y puede dificultar la extracción automatizada de contenido. Nuestro codificador de entidades HTML admite los tres formatos de codificación con opciones de alcance flexibles para un control preciso sobre lo que se codifica.

1. 1. Seleccione su método de codificación: elija entre entidades decimales ( A ), hexadecimales ( A ) o con nombre ( < ). La codificación decimal es el formato más admitido en todas las versiones de HTML y navegadores. La codificación hexadecimal utiliza notación base 16, que puede ser más compacta para ciertos rangos de caracteres. Las entidades con nombre están limitadas a un conjunto predefinido de caracteres comunes, pero producen el resultado más legible.
2. 2. Elija su ámbito de codificación: seleccione entre tres ámbitos: Todos los caracteres codifica cada carácter (letra, número, símbolo y espacio) en su entidad equivalente para una máxima ofuscación. Solo caracteres especiales codifica solo los cinco caracteres sensibles a HTML ( < , > , & , " , ' ) para mantener la legibilidad y al mismo tiempo garantizar un HTML válido. Solo contenido de texto analiza de manera inteligente la estructura HTML y codifica solo los nodos de texto, dejando intactos los nombres de etiquetas y los atributos.
3. 3. Revisar y exportar: la salida codificada se genera instantáneamente a medida que escribe. Compare las versiones originales y codificadas una al lado de la otra, revise las estadísticas de codificación de caracteres y supervise el impacto del tamaño. Copie el HTML codificado en su portapapeles, descárguelo como un archivo HTML o cámbielo nuevamente al área de entrada para editarlo más.

• Referencias de caracteres decimales: cada carácter está representado por su punto de código Unicode en notación decimal. Por ejemplo, A (U+0041) se convierte en A , < (U+003C) se convierte en < y & (U+0026) se convierte en & . La codificación decimal es compatible con todas las especificaciones HTML y todos los navegadores, lo que la convierte en la opción más universal. El formato es &#NNNN; donde NNNN es el punto del código decimal.
• Referencias de caracteres hexadecimales: los caracteres se representan utilizando notación hexadecimal (base-16) de su punto de código Unicode. A se convierte en A , < se convierte en < y & se convierte en & . La codificación hexadecimal puede resultar más intuitiva para los desarrolladores familiarizados con códigos de color hexadecimales y direcciones de memoria. El formato es &#xNNNN; donde NNNN es el punto del código hexadecimal.
• Referencias de entidades nombradas: un conjunto predefinido de caracteres comunes tiene nombres legibles por humanos. < (menor que), > (mayor que), " (comillas), ' (apóstrofe) y & (ampersand) son las cinco entidades HTML más utilizadas. Las entidades con nombre producen la salida codificada más legible, pero cubren solo un conjunto limitado de caracteres; los caracteres sin entidades con nombre recurren a la codificación decimal.

La codificación de entidades HTML no es codificación. La codificación de entidades es una técnica de representación de caracteres, no un mecanismo de seguridad. Cualquier navegador o analizador HTML simple puede decodificar entidades a sus caracteres originales. La codificación sirve como elemento disuasorio contra el raspado de contenido básico y como herramienta para la incrustación segura de HTML; no proporciona confidencialidad ni protección contra manipulaciones para su contenido.

Impacto en el tamaño: codificar caracteres como entidades aumenta el tamaño de su HTML. Por ejemplo, un único carácter & (1 byte) se convierte en & (5 bytes) cuando se codifica como una entidad con nombre: un aumento de tamaño 5 veces mayor. La codificación decimal y hexadecimal generalmente genera aumentos de tamaño de 3 a 6 veces por carácter. Tenga esto en cuenta al codificar documentos o páginas grandes donde el ancho de banda sea un problema. Esta herramienta procesa todo el HTML localmente en su navegador sin transferencia de datos del lado del servidor.