cybercursus

Les liens et la navigation

9 min · Débutant · 7 août 2026

Sommaire
  1. La balise a et l’attribut href
  2. Lien interne, lien externe
  3. Ouvrir dans un nouvel onglet, en sécurité
  4. À toi de jouer

La balise a et l’attribut href

html
<a href="https://exemple.test">Visiter le site</a>

Le texte entre les balises <a> et </a> est ce qui s’affiche et devient cliquable ; href définit la destination.

Lien interne, lien externe

html
<a href="/fr/contact/">Nous contacter</a>          <!-- lien interne, chemin relatif -->
<a href="https://exemple.test">Site partenaire</a>   <!-- lien externe, adresse complete -->

Ouvrir dans un nouvel onglet, en sécurité

html
<a href="https://exemple.test" target="_blank" rel="noopener">Ouvrir dans un nouvel onglet</a>

Attention

target="_blank" sans rel="noopener" laisse la nouvelle page accéder à window.opener, une référence vers la page d’origine, exploitable pour la rediriger à l’insu de l’utilisateur. Toujours associer les deux.

À toi de jouer

Écris un lien dont le href vaut exactement https://exemple.test et dont le texte visible n’est pas vide.

html
<!-- HTML -->
<!-- Ecris ton lien ici -->
Quel attribut de la balise a définit la destination du lien ?
Pourquoi ajouter rel="noopener" à un lien qui utilise target="_blank" ?

Pour aller plus loin

Commentaires

Recherche