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>

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