Pour pouvoir être accessibles, toutes les pages et toutes les ressources disponibles sur un réseau (images, vidéos, mp3…) doivent avoir une adresse. Que ce soit sur Internet, un intranet d’entreprise, voire sur ton propre PC de développement, ces adresses sont appelées des URL (Uniform Resource Locator). Elles sont utilisées par les navigateurs pour accéder aux différentes ressources publiées sur le Web.
Une URL est simplement l'adresse d'une ressource unique sur le Web. En théorie, chaque URL valide pointe vers une ressource unique, qu'il s'agisse de pages HTML, de documents CSS, d'images, etc. Voici quelques exemples d'URL :
https://developer.mozilla.orghttps://developer.mozilla.org/fr/docs/Apprendre/https://developer.mozilla.org/fr/search?q=URLUne URL se compose de différents fragments, dont certains sont obligatoires et d'autres optionnels. Voyons les parties les plus importantes d'une URL avec l'exemple suivant :
http:/chemin/vers/monfichier.html?clé1=valeur1&clé2=valeur2#QuelquePartDansLeDocument
http:// correspond au protocole. Ce fragment indique au navigateur le protocole à utiliser pour récupérer le contenu. Les protocoles les plus courants sont HTTP et HTTPS. Le navigateur peut parfois gérer d'autres protocoles, comme mailto: pour ouvrir un client de messagerie ou ftp: pour transférer des fichiers.
Un cas spécial est le protocole file://, qui permet de charger du contenu depuis le système de fichiers d'un ordinateur local. Dans ce cas, l'URL commence généralement par file:///, suivi du chemin d’accès au fichier.
www.exemple.com correspond au nom de domaine. Il désigne le serveur web auquel le navigateur s’adresse pour échanger du contenu. Une adresse IP peut également être utilisée à la place du nom de domaine, mais cela reste moins pratique.
:80 correspond au port utilisé par le serveur web. Il indique la « porte » technique à utiliser pour accéder aux ressources du serveur. Le port par défaut pour HTTP est 80, et pour HTTPS, il est 443. Généralement, le port est omis dans les URL, sauf s'il est différent des ports par défaut.
/chemin/vers/monfichier.html est le chemin sur le serveur web vers la ressource. Au début du Web, ce chemin correspondait souvent à un chemin physique sur le serveur. Aujourd'hui, ce chemin est souvent abstrait et géré par le serveur web.
?clé1=valeur1&clé2=valeur2 sont des paramètres supplémentaires sous la forme d'une liste de paires clé/valeur. Ils sont utilisés par le serveur pour déterminer comment générer la ressource demandée. Ce fragment est appelé « query string ».
#QuelquePartDansLeDocument correspond à une ancre. Elle désigne une section précise de la page, souvent marquée par un id spécifique. Ce fragment permet au navigateur de se positionner à un endroit spécifique d’une page.
Il existe deux types principaux d’URL : les URL absolues et les URL relatives.
Les URL absolues contiennent toutes les informations nécessaires pour accéder à une ressource, y compris le protocole et le nom de domaine. Par exemple :
https://www.google.behttp://cepesjodoigne.beLes URL relatives indiquent un chemin par rapport à l'endroit où l'on se trouve sur le serveur. Elles sont principalement utilisées pour les liens internes au sein d'un même site web. Voici quelques exemples :
<img src="icone.png" /> <!-- Image dans le même dossier que la page courante --> {.image}
<img src="images/home.png" /> <!-- Image dans un sous-dossier appelé "images" --> {.image}
<img src="../icone.png" /> <!-- Image dans le dossier parent --> {.image}
<img src="../images/home.png" /> <!-- Image dans un répertoire frère --> {.image}Les URL relatives à la racine du site commencent toujours par un slash /, suivi du chemin vers la ressource à partir de la racine.
Ce guide t'a présenté la composition des URL ainsi que la différence entre URL absolue et relative. Ces concepts sont essentiels pour naviguer efficacement sur le Web et pour créer des liens entre les pages d’un site internet.