Lorsque vous travaillez sur un document HTML et que vous voulez que les utilisateurs puissent cliquer sur un sujet et être instantanément transféré vers un emplacement marqué dans le document, les balises d'attribut ID sont pratiques. Cela se produit souvent lorsque vous répertoriez une série de sujets en haut de l'article, puis que vous liez chaque sujet à une section connexe plus bas sur la page Web.
Les documents HTML incluent souvent des liens externes vers d'autres documents, mais ils peuvent également inclure des liens dans un seul document. En cliquant sur une étiquette, le lecteur est dirigé vers une section spécifique de la page Web comportant un signet. Éventuellement, il peut être possible de créer un lien vers les emplacements de pixels exacts dans les documents, mais pour l'instant, vous pouvez utiliser la balise ID pour créer un lien et un emplacement dans le document. Ensuite, utilisez href pour y aller. Une étiquette identifie la destination et la seconde identifie le lien vers la destination.
Remarque: HTML 4 et les versions antérieures utilisaient l'attribut de nom pour former des liens internes. HTML 5 ne supporte pas l'attribut name, c'est pourquoi l'attribut ID est utilisé.
Dans le document, décidez où vous voulez que les liens internes aillent. Vous les étiquetez en utilisant la balise anchor avec les attributs id.
Ensuite, vous créez le lien vers la section du document à l'aide de la balise d'ancrage et de l'attribut href. Vous indiquez la zone nommée avec un #.
L'astuce consiste à vous assurer que vous mettez le <a> autour du texte ou une image.
Vous voyez souvent des gens utiliser ces liens sans rien entourer, mais ce n’est pas une ancre aussi fiable que celle qui entoure un mot ou une image. De nombreux navigateurs préfèrent avoir un élément à positionner en haut de l’écran; lorsque vous n'incluez rien, vous courez le risque que le navigateur soit confondu.
Un lien pour retourner en haut d'une page Web
Lorsque vous souhaitez ajouter un lien très bas dans une page Web pour ramener le visualiseur en haut de la page, le lien interne est simple à configurer. En HTML, la balise définit un lien. href = est suivi de l'URL du lien cible entre guillemets (ou d'une URL abrégée si le lien se trouve dans le même document), puis du texte du lien visible sur la page Web. Un clic sur le texte du lien vous envoie à l'adresse spécifiée en utilisant cette syntaxe:
lien texte
