cours1 min de lecture

URL et hypertexte

Une adresse Web n'est pas une suite aléatoire de caractères — c'est une phrase structurée que votre navigateur lit pour trouver la bonne page, et que vous suivez en cliquant sur des liens.

programme

Introduction

Chaque fois que vous tapez une adresse dans la barre de votre navigateur ou que vous cliquez sur un lien, vous utilisez deux briques fondamentales du Web : l'URL (l'adresse de la page) et l'hypertexte (le mécanisme qui relie les pages entre elles). Ce sont les deux faces d'une même pièce : l'URL dit « voici où trouver une ressource », l'hypertexte dit « voici un raccourci pour y aller ».

Comprendre ces deux notions, c'est comprendre comment vous vous déplacez sur le Web — et pourquoi un simple clic suffit pour passer d'une encyclopédie à une vidéo, puis à un article de presse, sans jamais saisir d'adresse complète.

L'URL : l'adresse d'une ressource Web

URL signifie Uniform Resource Locator, soit « localisateur uniforme de ressource ». Une URL pointe vers une ressource unique sur le Web : une page, une image, une vidéo, un fichier à télécharger. C'est l'équivalent d'une adresse postale, mais pour une ressource numérique.

L'URL est une adresse postale numérique

Comme une adresse postale guide un facteur vers une boîte aux lettres précise, une URL guide votre navigateur vers une ressource précise sur Internet. Si un seul morceau est faux, la « lettre » revient avec une erreur.

Décomposer une URL : exemple

Prenons l'URL suivante :

https://www.nsi.rocks/cours/sb-web/url-hypertexte?lang=fr#exemple

Elle se décompose en plusieurs parties :

Partie	Valeur	Rôle
Protocole	`https`	Comment le navigateur doit dialoguer (HTTPS = HTTP sécurisé)
Nom de domaine	`www.nsi.rocks`	Quel serveur contacter
Chemin	`/cours/sb-web/url-hypertexte`	Quelle ressource sur ce serveur
Paramètres	`?lang=fr`	Options envoyées au serveur
Ancre	`#exemple`	À quel endroit de la page se positionner

Le protocole est suivi de ://, le nom de domaine commence après et se termine au premier /, le chemin suit jusqu'au ? ou au #, les paramètres après le ? sont séparés par &, et l'ancre commence après le #.

Quelques URL et leur structure

URL	Protocole	Domaine	Chemin
`https://www.google.com`	https	www.google.com	(racine)
`https://fr.wikipedia.org/wiki/Web`	https	fr.wikipedia.org	/wiki/Web
`http://example.com/test.html`	http	example.com	/test.html
`https://nsi.rocks/cours/sb-web`	https	nsi.rocks	/cours/sb-web

Dans l'URL https://eduscol.education.fr/document/123, quel est le nom de domaine ?

HTTPS, le « s » de la sécurité

Vous avez sans doute remarqué le s à la fin de https. Ce s signifie secure : les données échangées entre votre navigateur et le serveur sont chiffrées. Un éventuel intercepteur ne pourrait lire ni votre mot de passe, ni votre message.

Reconnaître une page sécurisée : l'URL commence par https:// et le navigateur affiche un cadenas dans la barre d'adresse. Une page en http:// simple n'est pas chiffrée — évitez d'y saisir des données sensibles (mot de passe, numéro de carte bleue).

L'hypertexte : naviguer par clics

Le mot hypertexte désigne un texte qui contient des liens vers d'autres textes. C'est l'invention qui a rendu le Web tellement plus pratique qu'un simple ensemble de fichiers : au lieu de retaper une adresse, vous cliquez.

Quand vous lisez un article Wikipédia et que vous cliquez sur un mot souligné, vous suivez un lien hypertexte. Vous quittez la page courante et le navigateur charge la nouvelle ressource — à l'URL indiquée par le lien.

Visuellement, un lien classique apparaît souligné et dans une couleur distincte (souvent bleu). Une fois visité, sa couleur change souvent pour vous indiquer que vous y êtes déjà allé.

Comment fabrique-t-on un lien dans une page Web ? La réponse est dans le cours suivant, sur HTML — vous y verrez la balise qui transforme un mot en raccourci cliquable. Ici, on s'en tient au concept : un lien hypertexte, c'est un mot ou un bouton sur lequel on clique pour atterrir sur une autre ressource.

Pourquoi parle-t-on d'hyper-texte ?

Un texte ordinaire (un livre, par exemple) se lit linéairement : page 1, puis page 2, puis page 3. L'hypertexte casse cette linéarité — vous pouvez sauter d'une page à l'autre sans ordre imposé. C'est cette structure non-linéaire qui donne au Web sa puissance et son côté « toile d'araignée » (le mot web en anglais).

Analogie : un texte ordinaire fonctionne comme un livre, où il faut tourner les pages dans l'ordre. Un hypertexte fonctionne comme la fin d'une vidéo YouTube, où apparaissent des suggestions « à voir aussi » qui vous emmènent ailleurs en un clic — sans avoir à retaper quoi que ce soit. Wikipédia pousse l'idée à l'extrême : presque chaque mot d'un article peut être un raccourci vers un autre article.

Liens internes, liens externes, liens cassés

Tous les liens ne pointent pas vers la même chose :

Lien externe : pointe vers un autre site (par exemple depuis un article de presse vers une page Wikipédia).
Lien interne : pointe vers une autre page du même site (par exemple depuis la page d'accueil de nsi.rocks vers un cours du même site).
Lien d'ancre : pointe vers un endroit précis dans la page courante (par exemple un sommaire en haut d'article qui descend vers une section).
Lien cassé : pointe vers une ressource qui n'existe plus — vous tombez alors sur une page d'erreur, typiquement « 404 Not Found ».

Qu'est-ce qu'un lien hypertexte permet de faire ?

Cas particuliers et pièges

Une URL contient un nom de domaine, mais ne s'y réduit pas. nsi.rocks est un nom de domaine ; https://nsi.rocks/cours/sb-web est une URL complète.
Les espaces sont interdits dans une URL : ils sont encodés en %20 ou remplacés par des + dans certains contextes. C'est pour cela qu'une URL avec des accents ou des espaces a souvent l'air illisible.
L'URL est sensible à la casse dans le chemin sur la plupart des serveurs : /Cours et /cours peuvent pointer vers deux ressources différentes.
http:// sans le s n'est pas sécurisé. Sur un Wi-Fi public, méfiez-vous.

Beaucoup d'arnaques par mail vous demandent de cliquer sur un lien qui ressemble à celui d'un site connu, mais dont le nom de domaine est subtilement différent (amaz0n.com au lieu de amazon.com). Lisez toujours le nom de domaine avant de cliquer, surtout si on vous demande mot de passe ou paiement.

À retenir

Une URL est l'adresse complète d'une ressource Web : protocole + domaine + chemin (+ paramètres + ancre éventuels). L'hypertexte, c'est le mécanisme qui transforme un mot affiché à l'écran en raccourci vers une autre ressource : au prochain cours sur HTML, vous verrez la balise précise qui sert à fabriquer ces liens. Reconnaître une page sécurisée demande deux indices simples : https:// et un cadenas.