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 !
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