HTML - Encodage URL

Salut à tous, futurs développeurs web ! Aujourd'hui, nous allons plonger dans le monde fascinant de l'encodage URL. Ne vous inquiétez pas si vous êtes nouveaux dans ce domaine ; nous allons commencer par les bases et progresser pas à pas. À la fin de ce tutoriel, vous serez capable d'encoder des URLs comme un pro !

HTML - URL Encoding

Qu'est-ce que l'encodage URL ?

Avant de nous lancer dans des exemples, comprenons ce qu'est l'encodage URL et pourquoi c'est important.

L'encodage URL est une méthode de conversion des caractères en un format pouvant être transmis sur Internet. C'est comme donner à votre texte un passeport spécial pour voyager en toute sécurité sur le web !

Imaginez-le de cette manière : imaginez que vous essayez d'envoyer une lettre avec une adresse élaborée qui inclut des symboles et des espaces. Le service postal pourrait être confondu ! L'encodage URL est comme réécrire cette adresse d'une manière que chaque facteur (ou dans notre cas, chaque serveur web) peut comprendre.

Exemple

Commençons par un exemple simple :

https://www.example.com/my file.html

Cette URL contient un espace, ce qui peut causer des problèmes. Lorsque nous l'encodons, elle devient :

https://www.example.com/my%20file.html

Voyez ce %20 ? C'est la version encodée d'un espace. Génial, non ?

Encodage des caractères de contrôle ASCII

Maintenant, parlons des caractères de contrôle ASCII. Ce sont des caractères spéciaux qui contrôlent la manière dont le texte est traité. Dans l'encodage URL, nous devons être extrêmement prudents avec ceux-ci.

Voici un tableau de certains caractères de contrôle ASCII courants et leurs versions encodées :

Caractère Encodé
NUL %00
SOH %01
STX %02
ETX %03

Par exemple, si vous deviez inclure un caractère NUL dans une URL (ce qui est rare), vous utiliseriez %00.

Encodage des caractères de contrôle non ASCII

Les caractères non ASCII sont ceux en dehors du jeu de caractères standard ASCII, comme les lettres accentuées ou les symboles d'autres alphabets. Ceux-ci nécessitent également un traitement spécial.

Regardons un exemple :

https://www.example.com/café

Lorsqu'il est encodé, cela devient :

https://www.example.com/caf%C3%A9

Le é a été remplacé par %C3%A9. Cela garantit que les serveurs du monde entier peuvent correctement interpréter ce caractère.

Encodage des caractères réservés

Certains caractères ont des significations spéciales dans les URLs. Nous appelons ces caractères réservés, et ils doivent être encodés si nous voulons les utiliser comme caractères réguliers.

Voici un tableau des caractères réservés et leurs versions encodées :

Caractère Encodé
! %21
# %23
$ %24
& %26
' %27
( %28
) %29
* %2A
+ %2B
, %2C

Voyons un exemple :

https://www.example.com/search?q=fish&chips

Cette URL utilise le & comme séparateur entre les paramètres. Si nous voulions vraiment chercher "fish & chips", nous devrions l'encoder comme ceci :

https://www.example.com/search?q=fish%26chips

Maintenant, le serveur sait que nous cherchons "fish & chips" et non deux termes de recherche distincts !

Encodage des caractères non sécurisés

Enfin, parlons des caractères non sécurisés. Ce sont des caractères qui pourraient être mal interprétés par divers systèmes et devraient toujours être encodés.

Voici un tableau de certains caractères non sécurisés :

Caractère Encodé
Espace %20
" %22
< %3C
> %3E
# %23
% %25
{ %7B
} %7D
\ %5C
^ %5E
~ %7E

Utilisons-les dans un exemple :

https://www.example.com/search?q=C++ Programming

Correctement encodé, cela devient :

https://www.example.com/search?q=C%2B%2B%20Programming

Nous avons encodé les signes + et l'espace pour nous assurer qu'ils sont interprétés correctement.

Mettre tout cela ensemble

Maintenant que nous avons couvert tous ces types d'encodage, essayons un exemple plus complexe :

https://www.example.com/search?q=Where's the café? (It's urgent!)

Quand il est entièrement encodé, cela devient :

https://www.example.com/search?q=Where%27s%20the%20caf%C3%A9%3F%20%28It%27s%20urgent%21%29

Whaou, ça a l'air différent ! Mais maintenant, il est sûr de transmettre sur Internet sans aucun risque d'interprétation erronée.

Conclusion

Et voilà, les amis ! Vous avez pris vos premiers pas dans le monde de l'encodage URL. Souvenez-vous, bien que cela puisse sembler complexe au départ, il s'agit de s'assurer que vos URLs peuvent être correctement interprétées où qu'elles aillent sur le web.

Pensez à l'encodage URL comme au traducteur universel d'Internet. Il aide vos URLs à communiquer clairement avec des serveurs du monde entier, peu importe les caractères spéciaux ou les espaces qu'ils contiennent.

While vous continuez votre voyage dans le développement web, vous trouverez que comprendre l'encodage URL est incroyablement utile. Il vous aidera à créer des liens robustes, à gérer les entrées utilisateur en toute sécurité, et même à déboguer des problèmes délicats liés aux URLs.

Continuez à pratiquer, et bientôt l'encodage URL sera second nature pour vous. Bon codage, et puissent tous vos URLs voyager en toute sécurité sur le web !

Credits: Image by storyset