URL Encoding

L'encodage URL (percent-encoding) convertit en forme %HH les caractères interdits dans les URL, afin que des données arbitraires puissent figurer en toute sécurité dans les composants de l'URL.

Objectif

Empêcher les caractères réservés (comme /, ?, #, =) et non ASCII de casser la structure de l'URL, tout en restant réversible dans les deux sens.

Mécanisme

Les caractères non sûrs sont convertis octet par octet en % suivi de deux chiffres hexadécimaux majuscules. Le RFC 3986 définit les jeux de caractères réservés ; la forme HTML5 application/x-www-form-urlencoded encode en outre l'espace en +. Les navigateurs modernes et l'API fetch le gèrent automatiquement.

Cas d’usage

Transmettre du texte non ASCII et des caractères spéciaux dans les paramètres de requête d'URL
Encodage des paramètres de chemin d'API RESTful
Encodage des URL de rappel OAuth
Sujet et corps dans les liens mailto

Exemples

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

Erreurs courantes

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

Termes associés

Percent-Encoding

Le percent-encoding est le mécanisme qui convertit les caractères non sûrs des URL en forme %HH, défini par la RFC 3986.

Le codage de formulaire (application/x-www-form-urlencoded) est la manière dont les formulaires HTML encodent les paires clé-valeur à la soumission, en codant les espaces en + plutôt qu'en %20.

Les entités HTML échappent les caractères à signification spéciale en HTML (<, >, &, ") sous la forme &name; ou &#NNN; afin qu'ils s'affichent littéralement au lieu d'être analysés comme balisage.

Une URL (Uniform Resource Locator) est une chaîne identifiant l'emplacement d'une ressource Internet, composée du schéma, de l'hôte, du port, du chemin, de la requête et du fragment.

Outils associés

Percent-encode text for safe use in URLs. Gratuit, privé et 100% côté client.

Décodeur d'URL

Decode percent-encoded URL text back to readable characters. Gratuit, privé et 100% côté client.

Analyseur d'URL

Parse a URL into its components: protocol, host, path, query, hash, port, username, and password. Gratuit, privé et 100% côté client.

Encodeur de formulaire URL

Url Encode Form — outil 100% côté client. Confidentialité d'abord, sans aller-retour serveur.

Décodeur de formulaire URL

Url Decode Form — outil 100% côté client. Confidentialité d'abord, sans aller-retour serveur.

Décodeur de composant URL

Url Decode Component — outil 100% côté client. Confidentialité d'abord, sans aller-retour serveur.

Tutoriels associés

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