Forum « Re: haut de page »

Forum « Programmation HTML » (archives)

Re: haut de page

Envoyé: 2 mars 2005, 15h06 par zebra1

bonjour je n`ai aucun mérite pour ce code je l`ai trouver en fouillant un peu partout, j`espère que ca va t`aider et je ne sais pas si ca fonctionne...bonne chance

Hormis, les liens externes et internes, il existe aussi les ancres, qui sont en fait des liens qui pointent vers un endroit précis d'une page web (ex : haut ou bas de page). C'est généralement très pratique car cela évite d'utiliser les barres de défilement verticales du navigateur.

Pour créer une ancre, on utilise l'attribut name.
Contrairement aux liens classiques, il faut d'abord définir la destination finale vers laquelle pointera l'ancre.

Exemple de code pour créer une ancre vers le haut de la page :

<html>
<body>
<a name="hautdepage"></a>

</body>
</html>

Dans cet exemple, vous insérez le code juste après la balise <body> qui marque le début du contenu de votre page et donc le haut de page.
Vous n'avez pas besoin d'insérer un texte entre <a> et </a> puisque le code sera invisible, c'est juste la définition de l'arrivée de votre ancre.

Pour créer le lien qui va amener le visiteur vers cette destination, on va utiliser la syntaxe suivante :

<a href="toto.htm#hautdepage">Lien vers le haut de page</a>

Notez bien que la valeur de l'attribut href est sensiblement différente de celle d'un lien standard.
Il faut dans un 1er temps définir la page de destination puis surtout ne pas oublier de définir que ce lien va pointer vers l'ancre intitulée "hautdepage".
On sépare toujours le fichier de destination et le nom de l'ancre par le caractère " # ".

NB : Vous pouvez également utiliser les ancres pour créer une table des matières ou un sommaire.
Chaque titre de la table peut être un lien qui pointe vers une ancre correspondant au contenu du titre.