L'ancre sur le site est très utile si vous souhaitez que les articles de votre site aient une transition pratique entre les éléments de la liste. Ils tournent la page vers le point souhaité ou ouvrent la page souhaitée, aidant l'utilisateur à trouver rapidement les informations dont il a besoin.
Si vous écrivez votre propre site, vous auriez dû réfléchir à la manière de rendre la navigation de votre site plus pratique. Pour que l'internaute n'ait pas à chercher les informations dont il a besoin parmi toutes les pages de votre site, il est préférable d'utiliser la technique de l'"ancre". Il créera un lien vers toute information ou document n'importe où sur votre site.
Théorie
Pour créer une ancre, vous avez besoin de deux éléments:
- La partie du code, qui indique le lien vers notre ancre, laissée dans une autre partie du site.
- Toute partie du code dans laquelle un identifiant peut être spécifié est notre ancre.
Vous devez d'abord créer la première partie de l'ancre - un lien vers celle-ci. Un lien d'ancrage comporte deux parties: un lien de page et un lien d'ancrage.
- Créez une balise "a" ou toute autre balise prenant en charge l'attribut "href"
- Dans cette balise créez l'attribut "href"
- Spécifiez un lien vers la page du site dans la valeur de l'attribut.
- Après le lien, indiquez le lien vers l'ancre en utilisant le symbole "#" et n'importe quel nom pour l'ancre (écrit ensemble, par exemple: "#anchor")
Si vous ignorez le point 3 et ne spécifiez pas de lien vers la page du site, l'ancre sera recherchée sur la page en cours. Autrement dit, si vous souhaitez créer un lien vers une ancre située sur la même page, vous pouvez omettre le lien vers la page elle-même.
Il reste à créer la deuxième partie de l'ancre - l'identifiant. Il fait référence à toute balise dans le code du site qui prend en charge l'attribut id. Pour créer une ancre, il vous faut:
- Créez un attribut "id" dans la balise requise.
- Dans l'attribut "id", spécifiez la valeur du nom d'ancre qui a été spécifié à l'étape précédente. (Exemple:)
Après ces deux étapes, un lien apparaît sur le site qui vous mènera à l'ancre spécifiée.
Entraine toi
Voyons comment créer une ancre à l'aide d'un exemple spécifique.
Nous avons une page simple comme celle-ci:
Nous avons du texte en haut et en bas de la page, beaucoup de balises "br" qui créent un espace entre les textes. Nous devons créer une ancre pour pouvoir rapidement regarder le texte en bas.
Pour ce faire, créez une nouvelle balise - "a" après l'inscription "texte en haut". Nous y créons l'attribut "href". Pour rendre l'ancre plus pratique, nous écrirons "en bas" dans le lien.
Maintenant, nous spécifions la valeur "#yakor" dans l'attribut - ce sera un lien vers le nom de l'ancre.
La première partie de l'ancre - le lien vers elle - est prête. Il ne reste plus qu'à créer l'ancre elle-même. On passe à la partie désirée de la page. Dans ce cas, il s'agit du "texte en bas". Comme il s'agit d'un texte simple sans balise, nous devons le créer. Pour cela, encadrez le texte dans un "paragraphe" - balise "p".
Dans cette balise, nous créons l'attribut "id" et y entrons la valeur "yakor". La valeur "yakor" correspond au nom de l'ancre qui a été spécifié dans le lien.
Maintenant, notre ancre fonctionne comme il se doit.
