Fondamentaux HTML - Liens et ancres

• Mai 17, 2024

Vous pouvez utiliser des liens pour connecter votre page à d'autres pages, ou même pour passer à différentes parties de la même page. Les liens donnent à votre site Web une qualité dynamique qui le rend différent, par exemple, d'un livre ou d'un magazine.

À son niveau le plus élémentaire, une balise de lien ressemble à ceci:



Toute balise commençant par «a» indique un lien, mais il existe deux types de liens de base: les hyperliens et les ancres nommées. Un hyperlien est un lien qui relie une page Web à une autre page Web et ressemblera à ceci:

Lien texte ici

Les informations contenues dans la balise indiquent à votre navigateur qu'il s'agit d'un lien hypertexte (href) qui se connecte à la page Web "page.html". Le texte à l'intérieur des balises (texte du lien ici) est la partie du lien qu'un visiteur voit réellement, et peut cliquer sur pour accéder à page.html. Si vous créez un lien vers une page de votre site à partir d'une page située dans le même site, vous pouvez omettre les informations de domaine. Par exemple, si vous créez un lien sur votre page située sur www.domain.com/home.html et le lien connecté à la page de destination www.domain.com/page.html, vous pouvez écrire le lien sous et ignorer le informations sur le nom de domaine. Si vous omettez le nom de domaine, le navigateur supposera que la page de destination se trouve sur le même site Web que la page de liaison.

L'ancre nommée (souvent appelée simplement «ancre») remplit une fonction différente. Comme vous l'avez peut-être deviné à partir du nom, une ancre crée un drapeau invisible sur la page qui indique à votre navigateur où atterrir lorsque vous configurez un lien qui redirige les visiteurs à un point spécifique d'une page. Une ancre ressemble à ceci:



En règle générale, une ancre ne contient aucun texte entre les balises d'ouverture et de fermeture, car elle est là simplement pour marquer un emplacement sur la page. Pour créer un lien qui permettra aux visiteurs d'accéder à cet endroit de la page à partir d'une autre page, vous pouvez créer un hyperlien comme celui-ci:

Visitez la section Post

Le «#» dans le lien indique au navigateur que vous liez à une ancre nommée. Si vous vouliez créer un lien hypertexte qui ferait sauter un visiteur vers une autre section de la même page, cela ressemblerait à ceci:

Visitez la section Post

Une autre partie importante de vos hyperliens est l'attribut «cible». Cela indique au navigateur comment afficher la page de destination. Vous avez trois options principales: 'target = "_ blank",' 'target = "_ self",' and 'target = "_ top".'

L'argument '_blank' ouvrira la page liée dans une nouvelle fenêtre. Cela est particulièrement utile lorsque vous créez un lien vers un site externe, car le visiteur peut parcourir le nouveau site au contenu de son cœur sans perdre sa position sur votre site. Il est également préférable d'ouvrir des documents tels que des fichiers PDF dans une nouvelle fenêtre, car les visiteurs ferment souvent automatiquement le document lorsqu'ils en ont terminé.

L'argument '_self' fait que la page liée remplace la page actuelle dans la fenêtre de navigateur existante. C'est le meilleur pour les liens au sein de votre site; Sinon, les visiteurs qui parcourent beaucoup votre site se retrouveront avec de nombreuses fenêtres ouvertes, ce qui peut être extrêmement ennuyeux! Il s'agit de l'argument par défaut pour l'attribut 'target', donc si vous ne spécifiez pas de cible, vos liens utiliseront toujours la fenêtre de navigateur existante.

L'argument '_top' est généralement utilisé dans les sites Web de frameset et indique au navigateur d'écraser l'intégralité du frameset, au lieu de simplement charger la nouvelle page dans la partie du frameset contenant le lien d'origine.

Instructions Vidéo: 15. Cours Html5 les liens : les Ancres , mailto (Mai 2024).