Lien

Un lien abréviation de (hyperlien) est un objet HTML qui vous permet d’accéder à un nouvel emplacement lorsque vous cliquez ou appuyez dessus. Les liens se trouvent sur presque toutes les pages web et permettent de naviguer facilement entre les pages du Web.

Les liens peuvent être associés à du texte, à des images ou à d’autres éléments HTML. La plupart des liens textuels sont bleus, car il s’agit de la couleur standard utilisée par les navigateurs web pour afficher les liens. Toutefois, les liens peuvent être de n’importe quelle couleur, car le style du texte du lien peut être personnalisé à l’aide de HTML ou de styles CSS. Aux débuts du Web, les liens étaient soulignés par défaut. Aujourd’hui, il est moins courant de souligner les liens.

Lorsqu’un lien est appliqué à une image, la balise de lien encapsule, ou entoure, la balise d’image. Comme la balise d’image est imbriquée dans la balise de lien, l’image elle-même devient un lien. Cette méthode peut être utilisée pour appliquer des liens à d’autres éléments, tels que les objets <div> et <span>. Toutefois, puisque CSS peut être utilisé pour styliser un lien, une balise <a> avec une classe CSS ou un attribut ID est souvent utilisée à la place d’une balise <div> ou <span>.

Voici un exemple de code HTML pour un lien textuel et un lien image :

Lien textuel : <a href="/definition/computer">Computer Definition</a>

Lien image : <a href="https://techterms.com/definition/computer"><img src="/images/computer.jpg" alt="desktop PC"></a>

Liens relatifs et absolus

Le premier lien ci-dessus est un « lien relatif », car il n’inclut pas le nom de domaine. Le lien est plutôt relatif au site web actuel. Par exemple, aucun lien interne de TechTerms.com n’a besoin d’inclure « https://techterms.com/ » dans le code source. Un lien relatif tel que « /definition/computer » suffit. Comme le lien commence par une barre oblique, le chemin commence par le répertoire racine. Si un lien relatif ne commence pas par une barre oblique, le chemin est relatif à l’URL actuelle.

Le deuxième lien ci-dessus est un lien absolu, car il inclut le nom de domaine. Les liens absolus sont nécessaires pour les liens externes, qui vous dirigent vers un autre site web. Ils peuvent commencer par « http » ou « https ». Les liens absolus peuvent également commencer par deux barres obliques (« // »). Cela est interprété comme « http:// » pour les pages diffusées via HTTP et comme « https:// » pour les pages diffusées via HTTPS.

NOTE: Le « a » de la balise <a> signifie « anchor » (ancre), car les premiers documents d’hypertexte renvoyaient souvent à des ancres (ou marqueurs) au sein d’une page plutôt qu’à d’autres pages. Le « href » d’une balise <a> signifie « hypertext reference » (référence hypertexte).