Renseignez une URL pour valeur d’attribut « href » vers laquelle vos visiteurs seront redirigés. La balise de lien « a » avec l’attribut « href » permet de nombreuses utilisations pour rediriger un visiteur de votre site vers une nouvelle page, site ou même un autre programme.
Il n’existe pas qu’une seule façon d’utiliser « href », vous pouvez aussi ajouter des options à la valeur de href ou rediriger vers différents types de lien.
Dans cet article, vous découvrirez comment utiliser l’attribut href avec les différentes valeurs que vous pouvez lui attribuer.
Sommaire :
L’attribut de lien « href » (Hypertext Reference) fait référence à la redirection qui sera mise en place lorsque l’ancre de la balise sera cliquée.
Une balise de lien est principalement composée de deux éléments :
Voici un exemple de balise de lien « a » :
<a href="https://www.codeur.com">Visiter Codeur.com</a>
Par défaut, lorsque l’utilisateur clique sur un lien, la redirection se produit sur la page courante du navigateur.
En ajoutant une option à l’URL de redirection d’un attribut de lien « href », vous pouvez indiquer au navigateur d’ouvrir la page de redirection dans l’onglet courant ou dans un nouvel onglet.
Deux options existent « _self » et « _blank » qui permettent respectivement d’ouvrir la redirection dans l’onglet courant ou dans un nouvel onglet.
En ajoutant l’attribut « target » avec pour valeur l’option « _blank » vous permettrez à vos utilisateurs d’ouvrir la redirection, renseignée dans l’attribut « href », dans un nouvel onglet.
<a href="https://www.codeur.com" target="_blank">Visiter Codeur.com</a>
Lorsque vous indiquez à la balise de lien vers quelle URL l’utilisateur doit être redirigé, vous avez la possibilité d’écrire cette URL de deux manières différentes.
La première est d’écrire entièrement l’URL, c’est ce qu’on appelle une URL « absolue ». Celle-ci contiendra toutes les informations d’une URL permettant d’accéder à une page d’un site web.
On utilisera généralement cette URL, lorsque la balise de lien redirige l’utilisateur vers un site externe.
Dans cet exemple, l’URL est absolue :
<a href="https://www.codeur.com">Visiter Codeur.com</a>Si vous souhaitez rediriger l’utilisateur vers une autre page de votre site web, par exemple un article de blog de votre site, vous utiliserez plutôt une URL « relative ».
Avec ces URL vous n’indiquerez pas le nom de domaine de votre site ainsi que les protocoles utilisés, mais écrirez seulement le chemin de la page, le slug de la page, à laquelle vous voulez accéder à partir de la balise de lien.
Ainsi, une URL absolue ressemblera à cela :
<a href="blog/bien-utiliser-les-balises-de-lien">Comment bien utiliser les balises de lien a « href »</a>
Bien que l’attribut de lien href serve essentiellement à rediriger d’un site web à un autre, vous pouvez aussi l’utiliser pour déclencher des actions en rapport avec d’autres protocoles, éléments HTML ou script :
<a href="#section4">Voir la section 4 de la page</a><a href="javascript:alert('Bienvenue');">Nous vous souhaitons la bienvenue</a><a href="javascript:alert('Bienvenue');">Nous vous souhaitons la bienvenue</a><a href="javascript:alert('Bienvenue');">Nous vous souhaitons la bienvenue</a>
Contrairement à ce qu’on pourra croire, la balise de lien ne s’utilise pas qu’en ajoutant une URL dans l’attribut « href ». Vous avez de nombreuses possibilités pour personnaliser l’utilisateur de la balise de lien selon vos besoins et préférences.
Comme nous l’avons vu, cette balise et l’attribut « href » ne servent d’ailleurs pas qu’à rediriger un utilisateur vers un site web, mais offrent aussi d’autres options comme rediriger vers une section donnée du site ou déclencher un appel.
Si vous avez un besoin précis pour une ou plusieurs redirections de votre site, n’hésitez pas à poster une annonce gratuite sur Codeur.com. Vous trouverez rapidement l’aide d’un freelance.