Codificador URL y Convertidor de Entidades HTML

Codificador URL y Codificador de Entidades HTML

Convierte texto a codificación porcentual para uso seguro en URL o transforma caracteres especiales HTML (<, >, &, etc.) a sus equivalentes de entidad. Ambas operaciones se ejecutan completamente en tu navegador usando funciones nativas de JavaScript.

Qué es la Codificación URL?

La codificación URL (también llamada codificación porcentual) es un mecanismo para representar caracteres que no están permitidos o tienen significado especial en una URI. Cada carácter inseguro se reemplaza con % seguido de dos digitos hexadecimales que representan su valor de byte. Por ejemplo, un espacio se convierte en %20 (0x20 en ASCII). Esto está definido en RFC 3986 y es como los navegadores y servidores transmiten parámetros de consulta, segmentos de ruta e identificadores de fragmento que contienen espacios, Unicode o delimitadores reservados. La codificación de entidades HTML es un mecanismo separado: reemplaza caracteres como <, > y & con referencias seguras (<, >, &) para que los navegadores los rendericen como texto literal en lugar de interpretarlos como marcado.

Como Usarlo

1. Selecciona el modo. Usa la pestaña URL para codificación URL, la pestaña Entidades HTML para escape de caracteres HTML
2. Elige la dirección. Marca Codificar o Decodificar
3. Para codificación URL, elige Componente (codifica todo para usar como valor de consulta) o URI Completa (conserva la estructura URL)
4. Escribe o pega tu texto. La salida se actualiza instantaneamente
5. Usa Intercambiar (Swap) para invertir la operación

Codificación Porcentual URL

Cada byte que no pertenezca al conjunto de caracteres no reservados (letras, digitos, -, _, ., ~) en una URL se reemplaza por % seguido de dos digitos hexadecimales en mayuscula. Esto se define en RFC 3986 y es como los navegadores transmiten parámetros de consulta, segmentos de ruta e identificadores de fragmento que contienen espacios, Unicode o delimitadores reservados.

Los dos modos reflejan las dos funciones nativas de JavaScript. encodeURIComponent es casi siempre lo que necesitas. Codifica un valor para que pueda colocarse de forma segura como parámetro de consulta o segmento de ruta. encodeURI codifica una cadena URL completa mientras conserva sus caracteres estructurales (: //, /, ?, #, &, =). Usar encodeURI en un valor de consulta rompe silenciosamente la URL si contiene & o =.

Codificación de Entidades HTML

HTML reserva cinco caracteres para su propia sintaxis: &, <, >, “ y ’. Si aparecen sin codificar en contenido de usuario renderizado en HTML, el navegador los interpreta como marcado. Esta es la base de los ataques XSS reflejados. La codificación de entidades reemplaza cada carácter con una referencia segura (&, <, >, ", ') que el navegador interpreta como el carácter literal.

Esta herramienta codifica estos cinco caracteres usando entidades nombradas cuando están disponibles, y entidades numericas en caso contrario.

Comparación de Métodos de Codificación

Casos de uso en el mundo real

• Codifica el valor de un parámetro de consulta que contiene entrada del usuario
• Decodifica un registro de servidor para leer la URL de solicitud original
• Escapa contenido generado por el usuario antes de insertarlo en HTML
• Convierte caracteres especiales en atributos HTML para evitar marcado roto