Codificador y Decodificador de Entidades HTML Online
Utilidad práctica para codificador de entidades html directamente en su navegador, con procesamiento local en memoria y sin enviar sus datos a servidores externos.
HTML Entity Quick Reference & Common Symbols
| Glyph | Named | Decimal | Hex | Description |
|---|---|---|---|---|
| & | & | & | & | Ampersand |
| < | < | < | < | Less than |
| > | > | > | > | Greater than |
| " | " | " | " | Double quotation mark |
| ' | ' / ' | ' | ' | Single quote / apostrophe |
| © | © | © | © | Copyright sign |
| ® | ® | ® | ® | Registered trademark |
| € | € | € | € | Euro currency symbol |
| £ | £ | £ | £ | Pound sterling symbol |
| ™ | ™ | ™ | ™ | Trademark symbol |
Acerca de Codificador y Decodificador de Entidades HTML Online
Los navegadores web interpretan caracteres como los corchetes angulares (< y >), el ampersand (&) y las comillas como marcadores de sintaxis especiales en HTML. Mostrar estos caracteres como texto literal exige sustituirlos por entidades HTML con el fin de evitar fallos de renderizado y vulnerabilidades de secuencias de comandos en sitios cruzados (XSS).
Esta estación de trabajo codifica caracteres reservados y símbolos en entidades con nombre de HTML5 (&, <, >, ", ©), códigos de caracteres decimales (&, <) y referencias hexadecimales (&, <), al tiempo que ofrece un decodificador seguro en memoria que devuelve las entidades escapadas a texto legible.
El motor cuenta con alcances configurables (solo sintaxis reservada, caracteres reservados más caracteres no ASCII, o bien ofuscación de la cadena completa), intercambio bidireccional entre entrada y salida, telemetría de caracteres/entidades en tiempo real y un catálogo de referencia rápida de entidades HTML interactivo.
Para proteger los formularios web, aplique codificación por porcentaje a las cadenas de consulta con el codificador y decodificador de URL y previsualice texto formateado mediante el visor previo de markdown.
Especificaciones de ingeniería y detalles de ejecución
Cubre especificaciones de entidades con nombre de HTML5, incluyendo símbolos monetarios (cent, pound, yen, euro), operadores matemáticos (infin, asymp, radic) y signos tipográficos.
La decodificación utiliza el motor DOMParser del navegador en un fragmento de documento aislado, eliminando cualquier ejecución de scripts o detonación de ataques XSS.
Admite referencias de caracteres decimales (&#[0-9]+;) y referencias hexadecimales (&#x[0-9a-fA-F]+;) en todo el plano de puntos de código Unicode.
La telemetría en tiempo real calcula caracteres de entrada, caracteres de salida y el total de tokens de entidad mediante expresiones regulares en el cliente.
La tabla de referencia con motor de búsqueda filtra elementos en tiempo real por glifos de caracteres, etiquetas con nombre, números decimales y códigos hexadecimales.
Privacidad de datos y aislamiento en memoria
La codificación de cadenas opera exclusivamente dentro de la memoria de JavaScript del navegador.
Ningún bloque de código, documento HTML o fragmento de texto se sube a servidores externos ni se registra en memorias caché persistentes del navegador.
Casos de uso comunes en producción
- Redactores técnicos y autores de blogs que insertan fragmentos de código HTML en artículos, documentación y archivos markdown.
- Desarrolladores web que preparan texto generado por usuarios para su procesamiento seguro dentro de canales XML, plantillas SVG y atributos HTML.
- Investigadores de seguridad que analizan cómo las aplicaciones web analizan, normalizan y limpian secuencias de entidades codificadas.
- Diseñadores de plantillas de correo electrónico que codifican caracteres especiales para evitar fallos de renderizado en clientes como Outlook y Gmail.
- Ingenieros de software frontend que escapan cadenas dinámicas antes de insertarlas en plantillas del DOM.
Casos extremos y límites operativos
- Orden del ampersand: Al codificar, los ampersands se procesan en primer lugar para evitar la doble codificación de caracteres que ya formaban parte de una entidad válida.
- Comillas: Las comillas dobles se convierten en " y las comillas simples se convierten en ' para garantizar una inserción segura en atributos HTML.
- Terminación de entidades: Las entidades con nombre en HTML5 exigen punto y coma final. Las entidades no terminadas en código heredado se decodifican siempre que sea posible siguiendo reglas estándar de reserva.
- Entidades hexadecimales: Las entidades decimales (<) y las hexadecimales (<) resuelven al mismo carácter subyacente durante el proceso de decodificación.
Preguntas Frecuentes
¿Por qué deben codificarse los ampersands (&) y los corchetes angulares (<, >) en HTML?
Los navegadores interpretan los corchetes angulares como delimitadores de etiquetas HTML y los ampersands como el prefijo de inicio para referencias de entidades. Si no se escapan en contenidos dinámicos, el navegador los procesará como marcado real o ejecutará etiquetas de script, lo que provocará errores de análisis y vulnerabilidades de secuencias de comandos en sitios cruzados (XSS).
¿Cuál es la diferencia entre entidades con nombre, decimales y hexadecimales?
Las entidades con nombre emplean palabras clave mnemotécnicas como © o &. Las entidades decimales representan el punto de código Unicode en base 10 (por ejemplo, © para copyright). Las entidades hexadecimales representan el punto de código en base 16 (por ejemplo, ©). Las tres se representan de forma idéntica en los navegadores modernos.
¿Cuáles son las cinco entidades predefinidas fundamentales de XML y HTML?
Las cinco entidades universales predefinidas son " (comillas dobles, "), & (ampersand, &), ' (comilla simple o apóstrofe, '), < (menor que, <) y > (mayor que, >).
¿Esta herramienta previene los ataques de secuencias de comandos en sitios cruzados (XSS)?
La codificación de caracteres especiales convierte cadenas de carga maliciosa como <script>alert(1)</script> en cadenas de texto visual literal como <script>alert(1)</script>. Al insertarse en elementos HTML, el navegador muestra los caracteres de forma segura en lugar de ejecutarlos como código.
¿Es seguro decodificar fragmentos de HTML potencialmente maliciosos en esta herramienta?
Sí. El motor de decodificación opera dentro de un fragmento de documento DOMParser aislado sin vincularse al árbol DOM de la ventana activa, garantizando que los scripts incrustados o los controladores de eventos nunca se ejecuten durante el proceso.
¿Por qué las comillas simples suelen codificarse como ' en lugar de '?
Aunque ' forma parte del estándar en XML y HTML5, las versiones antiguas de Internet Explorer (IE8 y anteriores) no admitían ' en documentos HTML. Por ese motivo, ' se consolidó como la referencia segura universal para comillas simples.
¿Puede esta herramienta codificar símbolos de monedas y notación matemática?
Sí. El motor incluye entidades estándar de HTML5 para monedas (€, £, ¥, ¢), letras griegas (α, β, π, Ω) y símbolos matemáticos (∞, ≠, ≤, ≥, √).
¿Se suben mis fragmentos de código o contenidos de texto a servidores externos?
No. Todo el análisis de cadenas, las transformaciones con expresiones regulares y la resolución de entidades con DOMParser se realizan al 100 por ciento localmente en la memoria de JavaScript de su navegador sin solicitudes de red.
¿Para qué sirve el alcance "Codificar cada carácter"?
Convierte absolutamente todos los caracteres alfanuméricos en su código numérico de entidad correspondiente. Esta técnica la emplean con frecuencia ingenieros de seguridad para pruebas de ofuscación de cargas útiles y para proteger direcciones de correo frente a rastreadores web automáticos.