HTML et web design

Comment créer des liens vers les sections d’une même page en HTML

Mise à jour : 04/02/2019 par Lojiciels.com

Les hyperliens sont utilisés par un navigateur web pour passer d’une page à l’autre. Cependant, vous pouvez également vous déplacer vers une autre zone de la même page. Les sections suivantes montrent aux utilisateurs comment établir un lien vers le haut, le bas ou une section spécifique d’une page web. Choisissez une méthode dans la liste suivante, ou explorez les deux options.

NoteAujourd’hui, tous les navigateurs reconnaissent encore le « # » comme un moyen viable de se déplacer vers le haut ou le bas d’une page. Cependant, cette méthode est obsolète et pourrait ne pas fonctionner dans les futures versions du HTML. Nous suggérons d’utiliser plutôt la méthode « id » car elle est plus actuelle et plus polyvalente.

Utilisation de #top ou #bottom

Les exemples suivants utilisent #top et #bottom avec le et l’attribut href pour créer un lien vers cette section de la page. Cette méthode est similaire à l’utilisation de « id », mais vous n’avez pas à choisir un élément spécifique. Cliquez sur « Top » ou « Bottom » dans le champ Résultats pour voir ce qui se passe.

Psssssst :  Comment changer la couleur d'un lien lorsque la souris survole le lien en HTML

Exemples

Top

En bas

Résultats

Top

En bas

Utilisation du sélecteur d’identification

En CSS, « id » est un sélecteur qui est utilisé pour désigner une zone vers laquelle un lien doit pointer, comme l’ancre dans le HTML. L’avantage de l’utilisation d’id est que vous pouvez créer un lien vers n’importe quel élément de la page, plutôt que seulement vers le haut ou le bas. Dans les sections suivantes, vous verrez comment appliquer l’identifiant à une balise HTML, puis comment créer un lien vers celle-ci. Dans cet exemple, vous trouverez un lien vers le paragraphe d’ouverture en haut de cette page.

Utilisez le sélecteur #id

id= »ouverture »>Les hyperliens sont utilisés par un navigateur web pour passer d’une page à l’autre…

Créer un lien vers le sélecteur

href= »#ouverture »>Passez-moi au paragraphe d’introduction.

Résultat

J’en viens au premier paragraphe.

Afficher plus
Bouton retour en haut de la page

Adblock détecté

Veuillez désactiver votre bloqueur de publicités pour pouvoir visualiser le contenu de la page. Pour un site indépendant avec du contenu gratuit, c’est une question de vie ou de mort d’avoir de la publicité. Merci de votre compréhension! Merci