Comment assigner et utiliser correctement l'ancre HTML?

Le sujet de discussion d'aujourd'hui sera l'ancre HTML. Cet élément permet des transitions rapides à la fois dans la page et dans les documents externes. Les ancres sont souvent utilisées par les développeurs Web. Depuis ils aident à organiser un site Web qui est pratique pour les lecteurs. L'article fournira une description détaillée de cet élément et des exemples d'utilisation efficace.

Description

Une ancre HTML est une sorte de signet uniquepage web. Il a toujours son propre nom, qui ne devrait pas être répété sur une page. Le but principal de l'ancre est de sauter rapidement d'une partie du document à l'autre, à un endroit spécifique. Particulièrement efficace cet élément apporte, quand la page Web est grande. Pour cette raison, les utilisateurs ne sont pas à l'aise de lire le contenu du site. Et l'ancre sur la page HTML permet une transition rapide.

Affectation

Pour créer un tel signet sur la page, vous pouvezutiliser deux méthodes différentes. La première consiste à utiliser l'attribut Name, et dans le second cas, vous devez utiliser l'attribut ID. Ensuite, nous examinerons chaque méthode séparément. La transition dans les deux cas se produit en utilisant la balise "a", dont l'attribut contient un nom ou un identifiant. Par exemple: "a href =" # footer "". Le symbole # indique au navigateur que le lien sera ancré.

Nom

L'attribut Name a été créé spécifiquement pour créer une ancre sur la page. Sa valeur peut être n'importe quel texte. Cette ancre HTML ne peut être utilisée qu'avec la balise "a".

Par exemple, vous souhaitez créer un signet à la toute finvotre page Vous devez placer la balise "a name =" footer "" / a "dans la partie souhaitée du document Web. Dans un autre domaine de la page, vous devez créer un lien vers l'ancre, pour cela, ajoutez l'entrée "a href =" # footer "" link "/ a". Lorsque vous cliquez sur cet élément, le navigateur affiche automatiquement la partie du document où se trouve l’onglet Footer.

ID

Tout d’abord, il convient de mentionner que l’identification estUn identifiant qui n'a pas de but direct de créer des ancres. Mais cela vous permet de créer des signets sur toute la zone du document sans créer de liens supplémentaires. En d'autres termes, vous pouvez appliquer l'attribut ID à n'importe quel élément HTML. Et puis, en utilisant la balise "a", reportez-vous à celle-ci. Voici un exemple: l'élément "p" est au milieu du document. Pour y accéder depuis le début de la page sans utiliser de barre de défilement, ajoutez l'attribut ID: "p id =" centr "" "/ p". Ensuite, créez un lien: "a href =" # centr "" Le texte est "/ a". Ainsi, nous accédons rapidement à toute partie du document. La valeur de l'attribut ID peut être n'importe quel texte.

Utilisation efficace

En HTML, le lien d'ancrage est très souvent utilisé pourconstruction de la navigation documentaire. Par exemple, la page a une énorme quantité d'informations textuelles, qui à son tour est divisé en plusieurs paragraphes ou chapitres. Pour les visiteurs, il est pratique d'utiliser le site, vous pouvez passer à une partie distincte du document que vous souhaitez attribuer un signet. Pour cela, dans chaque chapitre, nous créons un lien d'ancrage ou nous utilisons des identifiants d'identification. Et du haut, nous allons créer une barre de navigation avec le contenu de tous les liens. Un fait intéressant est que vous pouvez vous référer aux ancres des autres pages Web. Il suffit d'ajouter à la fin de la valeur de référence des attributs de nom ou ID. N'oubliez pas d'ajouter le symbole #. Le système serait alors ressembler à ceci: le principal lien # nom (id).

Conclusion

Une ancre HTML est très utile et dans certainscas, même l'élément nécessaire. Dans l'article, je n'ai présenté qu'un exemple de son utilisation efficace. Mais en fait, ce type de signets peut être utilisé dans de nombreuses situations. L'essentiel est de comprendre leur idée principale.