Définition du lien de type hashtag

Ce qu’il faut savoir sur le lien type hashtag en une définition simple

Un lien de type hashtag est un lien raccourci permettant d’accéder rapidement à une section sans avoir besoin de descendre / monter manuellement (scroll). Techniquement, pour donner une simple définition, le lien de type hashtag se met en place sur une balise HTML <a> au sein de l’attribut “href”. Voici un exemple de lien hashtag :

<a href="https://baleez.net/#reference-cible">Ancre de lien</a>

Le lien de type hashtag est toujours composé d’un “#” en amont de la référence à la section ciblée. De plus, le lien hashtag renvoie toujours à un attribut HTML nommé “id” et qui doit pour ce dernier reprendre exactement la même référence que celle dans le lien hashtag afin de pouvoir faire la liaison entre les deux (sans le “#”). Ainsi, il est possible de lier à un lien hashtag tout type d’élément HTML comme : <section>, <div>, <span>, <h1>, <p>, etc.

C’est d’ailleurs à l’intérieur de l’élément cible que le “id” vient s’ajouter en tant qu’attribut. Voici à quoi peut ressembler un élément cible de la balise <a> précédemment présentée dans cette définition :

<section id="reference-cible">Élément cible</section>

Les liens de type hashtag sont utilisés sur les menus de navigation des sites one page, les sommaires d’articles de blog (table des matières) et même plus généralement au sein de tous types de contenus. Ainsi, ce type de lien permet d’améliorer l’expérience utilisateur et l’ergonomie puisqu’il donne la possibilité de proposer des raccourcis cliquables sur son site web qui permettent d’aller à l’essentiel (optimisation du temps de lecture d’un contenu).