Les caractères accentués peuvent causer des comportements erratiques lorsqu'ils sont affichés dans une page Web si on ne prend pas certaines précautions. Ils doivent également faire l'objet d'un traitement spécial lorsqu'ils sont utilisés dans un URL.
La liste des caractères faisant l'objet d'un traitement spécial dans les URL inclut les caractères accentués mais également les espaces et autres caractères spéciaux.
Voici quelques exemples d'URL comportant des caractères spéciaux :
On voit donc que les caractères spéciaux peuvent se retrouver dans le nom d'un dossier, dans le nom d'un fichier et même dans la valeur d'un paramètre passé à l'URL.
Si vous entrez ces URL dans votre navigateur, il se peut qu'ils apparaissent tels quels. Cependant, si vous faites un copier-coller de l'URL entré, vous verrez que les caractères spéciaux ont été encodés.
Voici, à titre indicatif, les valeurs que vous obtiendrez pour chacun :
Il est également possible de voir le nom exact de la ressource chargée par le navigateur à l'aide des outils de développement sous Google Chrome :
On voit qu'à chaque fois qu'un caractère spécial est rencontré, il est encodé pour permettre au navigateur de le traiter sans problème. L'encodage utilisé pour encoder les caractères spéciaux dans l'URL est UTF-8 et ce, peu importe l'encodage utilisé à l'intérieur du fichier.
Le tableau suivant liste les principaux caractères spéciaux que vous rencontrerez dans les URL :
| Caractère | Description | Encodage dans l'URL |
|---|---|---|
| Tabulation | %09 | |
| Espace | %20 | |
| ! | Exclamation | %21 |
| " | Guillemet | %22 |
| # | Dièse | %23 |
| $ | Dollar | %24 |
| % | Pourcent | %25 |
| & | Esperluette | %26 |
| ' | Apostrophe | %27 |
| ( | Parenthèse ouvrante | %28 |
| ) | Parenthèse fermante | %29 |
| * | Astérisque | %2A |
| + | Plus | %2B |
| , | Virgule | %2C |
| - | Trait d'union ou soustraction | %2D |
| . | Point | %2E |
| / | Barre oblique ou division | %2F |
| : | Deux points | %3A |
| ; | Point-virgule | %3B |
| < | Plus petit que | %3C |
| = | Égalité | %3D |
| > | Plus grand que | %3E |
| ? | Point d'interrogation | %3F |
| @ | Arobase, a commercial | %40 |
| [ | Crochet carré ouvrant | %5B |
| \ | Barre oblique inversée | %5C |
| ] | Crochet carré fermant | %5D |
| ^ | Accent circonflexe | %5E |
| _ | Trait bas | %5F |
| ` | Accent grave | %60 |
| { | Accolade ouvrante | %7B |
| | | Barre verticale | %7C |
| } | Accolade fermante | %7D |
| ~ | Tilde ou équivalence | %7E |
| « | %C2%AB | |
| » | %C2%BB | |
| À | %C3%80 | |
| Â | %C3%82 | |
| Ç | %C3%87 | |
| È | %C3%88 | |
| É | %C3%89 | |
| Ê | %C3%8A | |
| Ë | %C3%8B | |
| Î | %C3%8E | |
| Ï | %C3%8F | |
| Ô | %C3%94 | |
| Ù | %C3%99 | |
| Û | %C3%9B | |
| à | %C3%A0 | |
| â | %C3%A2 | |
| ç | %C3%A7 | |
| è | %C3%A8 | |
| é | %C3%A9 | |
| ê | %C3%AA | |
| ë | %C3%AB | |
| î | %C3%AE | |
| ï | %C3%AF | |
| ô | %C3%B4 | |
| ù | %C3%B9 | |
| û | %C3%BB | |
| Saut de ligne (carriage return, line feed) | %0D%0A |
Il est conseillé d'éviter l'utilisation d'espaces et de caractères spéciaux dans les noms de fichiers sur le Web. Cependant, il existe des cas où vous ne contrôlez pas l'information ajoutée à l'URL. Par exemple, si vous effectuez une recherche Google avec l'expression « j'aime mes élèves », vous obtiendrez l'URL « https://www.google.co.in/#q=j+aime+mes+%C3%A9l%C3%A8ves ». On voit donc qu'avant de passer les critères de recherche en paramètre dans l'URL, Google a pris soin de remplacer les apostrophes et les espaces par un + et d'encoder les caractères spéciaux en UTF-8.
Il pourrait arriver que vous soyez confrontés à une situation similaire lorsque vous effectuerez du développement Web. Lorsque cela vous arrivera, rappelez-vous que la clé de la solution est l'encodage UTF-8.
« Percent-encoding ». Wikipedia. http://en.wikipedia.org/wiki/Percent-encoding
« UTF-8 encoding table and Unicode characters ». UTF-8 chart table. http://www.utf8-chartable.de/
« URL ». Comment ça marche. http://www.commentcamarche.net/contents/542-url
« HTML character codes ». Donald Lancon Jr. http://www.obkb.com/dcljr/chars.html
« ASCII and Unicode quotation marks ». Markus Kuhn. http://www.cl.cam.ac.uk/~mgk25/ucs/quotes.html
« HTML URL-encoding Reference ». ESO. https://www.eso.org/~ndelmott/url_encode.html
▼Publicité
Site fièrement hébergé chez A2 Hosting.
