URL Encoding

La codificación URL (percent-encoding) convierte a forma %HH los caracteres no permitidos en las URL, de modo que datos arbitrarios puedan aparecer con seguridad en los componentes de la URL.

Propósito

Evita que los caracteres reservados (como /, ?, #, =) y los no ASCII rompan la estructura de la URL, manteniendo una conversión reversible de ida y vuelta.

Mecanismo

Los caracteres inseguros se convierten byte a byte en % seguido de dos dígitos hexadecimales en mayúsculas. El RFC 3986 define los conjuntos de caracteres reservados; la forma HTML5 application/x-www-form-urlencoded codifica además el espacio como +. Los navegadores modernos y la API fetch lo gestionan automáticamente.

Casos de uso

Pasar texto no ASCII y caracteres especiales en parámetros de consulta de URL
Codificación de parámetros de ruta en APIs RESTful
Codificación de URL de callback de OAuth
Asunto y cuerpo en enlaces mailto

Ejemplos

entrada
```
a b&c
```
Output
```
a%20b%26c
```
RFC 3986 form; the form-encoded variant is a+b%26c

Errores comunes

Encoding the entire URL instead of just the parameter values: Encode parameter values only and keep the /?=& delimiters

Términos relacionados

Percent-Encoding

El percent-encoding es el mecanismo que convierte los caracteres inseguros de las URL a la forma %HH, definido en la RFC 3986.

La codificación de formularios (application/x-www-form-urlencoded) es cómo los formularios HTML codifican pares clave-valor al enviarse, codificando los espacios como + en lugar de %20.

Las entidades HTML escapan caracteres con significado especial en HTML (<, >, &, ") a la forma &name; o &#NNN; para que se muestren literalmente en lugar de analizarse como marcado.

Una URL (Uniform Resource Locator) es una cadena que identifica la ubicación de un recurso de Internet, compuesta por esquema, host, puerto, ruta, consulta y fragmento.

Herramientas relacionadas

Codificador de URL

Percent-encode text for safe use in URLs. Gratis, privado y 100% del lado del cliente.

Decodificador de URL

Decode percent-encoded URL text back to readable characters. Gratis, privado y 100% del lado del cliente.

Analizador de URL

Parse a URL into its components: protocol, host, path, query, hash, port, username, and password. Gratis, privado y 100% del lado del cliente.

Codificador de formulario URL

Url Encode Form — herramienta 100% del lado del cliente. Privacidad primero, sin round-trip al servidor.

Decodificador de formulario URL

Url Decode Form — herramienta 100% del lado del cliente. Privacidad primero, sin round-trip al servidor.

Decodificador de componente URL

Url Decode Component — herramienta 100% del lado del cliente. Privacidad primero, sin round-trip al servidor.

Tutoriales relacionados

URL encoding: component vs full, and the reserved characters in between

Why encodeURIComponent and encodeURI produce different output, which characters are reserved in which position, and how to pick the right mode for query values, paths, and fragments.

References