HTML - Liens

La balise a permet de créer des liens hypertextes. Il s'agit d'une balise inline non orpheline (elle peut avoir du contenu).

Utilisation de la balise a :

<a href="https://www.google.com">Google</a>

La balise a peut avoir des enfants :

<a href="https://www.google.com">
    <img src="/assets/img/google.png" alt="Google image"/>
    <span>Google</span>
</a>

href permet de désigner la cible du lien.

Il doit spécifier une url complète, commençant par le protocole :

<a href="https://example.com">Website</a>

Une URL absolue fait référence à la racine du serveur Web et commence par / :

<a href="/index/home">Accueil</a>

Une URL relative exprime la position de la ressource par rapport à l'emplacement actuel, elle commencera par ./, ou par un emplacement non précédé du / :

Ces 2 liens pointe vers le même document, si l'adresse actuelle est https://monsite.com/index
L'adresse du lien sera https://monsite.com/index/docs/home

<a href="docs/home">Documents</a>
<a href="./docs/home">Documents</a>

Il est possible d'effectuer un parcours pour exprimer une URL relative :

Si par exemple, il faut retourner au dossier parent pour atteindre le dossier docs :

<a href="../docs/home">Documents</a>
<a href="./../docs/home">Documents</a>

Il est possible d'utiliser un fragment, sur une URL interne, ou externe, qu'elle soit absolue ou relative, pour atteindre directement une partie du document marquée par un identifiant :

<a href="#contact">Contact</a>

<h2 id="contact">Pour nous contacter</h2>

L'attribut target permet de spécifier la fenêtre qui sera la cible du lien :

<a href="https://www.w3schools.com" target="_blank">Visit W3Schools</a>