FAQ version Beta 0.5
Mise en page générale
Comment faire un lien vers un endroit précis de la page (ancre) ?
Théoriquement, créer une ancre est une chose facile : il suffit d'attribuer à l'élément vers lequel on veut pouvoir pointer un identifiant (attribut HTML id). Petit exemple :
<div id="dernieres-nouvelles">Il suffira alors de faire un lien vers cet ancre :
<a href="#dernieres-nouvelles">Les dernières nouvelles</a> Dans la pratique, cette solution est encore mal supportée par certains navigateurs, en particulier dans le cas de la navigation au clavier. Il est donc conseillé de créer une ancre avec la balise <a>, de la manière suivante :
<a href="#dernieres-nouvelles" name="dernieres-nouvelles" id="dernieres-nouvelles"></a>
LES LIENS D'ÉVITEMENT
Pour bien comprendre l'utilisation des ancres internes, il peut être utile de travailler la question des liens d'évitement et liens d'accès rapide, qui peuvent améliorer l'accessibilité d'une page.
La lecture de l'article suivant de Jean-Pierre Villain est fortement recommandée :
http://css.alsacreations.com/Accessibilite-du-Web/Les-liens-d-evitement
LIEN DE RETOUR EN HAUT DE PAGE
Un lien de retour en haut de page ne diffère pas des liens internes classiques. Il faut créer une ancre, puis pointer vers cette ancre à chaque fois que l'on veut faire un lien de retour. Pour créer l'ancre, on peut placer au début de l'élément BODY ou du premier DIV structurant le code suivant:
<a href="#haut" name="haut" id="haut"></a>
<!-- On peut bien sûr choisir n'importe quel autre nom que "haut". --> On pourra ensuite faire un lien vers cette ancre:
<a href="#haut">haut de page</a>
On notera qu'avec certains navigateurs, aucune ancre n'est nécessaire: le "#" seul suffit à recharger la page actuelle en se plaçant au début :
<a href="#">haut de page</a> Cependant, ce mécanisme n'est pas standardisé. Même si la plupart des navigateurs fonctionnent ainsi, il n'est pas exclu que certains navigateurs aient un comportement différent. C'est le cas par exemple d'Opera 9.
On préfèrera donc la méthode standard (créer une ancre en bonne et due forme, et faire pointer les liens de retour en haut de page vers cette ancre).
<div id="dernieres-nouvelles">
<a href="#dernieres-nouvelles">Les dernières nouvelles</a>
<a href="#dernieres-nouvelles" name="dernieres-nouvelles" id="dernieres-nouvelles"></a>
LES LIENS D'ÉVITEMENT
Pour bien comprendre l'utilisation des ancres internes, il peut être utile de travailler la question des liens d'évitement et liens d'accès rapide, qui peuvent améliorer l'accessibilité d'une page.
La lecture de l'article suivant de Jean-Pierre Villain est fortement recommandée :
http://css.alsacreations.com/Accessibilite-du-Web/Les-liens-d-evitement
LIEN DE RETOUR EN HAUT DE PAGE
Un lien de retour en haut de page ne diffère pas des liens internes classiques. Il faut créer une ancre, puis pointer vers cette ancre à chaque fois que l'on veut faire un lien de retour. Pour créer l'ancre, on peut placer au début de l'élément BODY ou du premier DIV structurant le code suivant:
<a href="#haut" name="haut" id="haut"></a>
<!-- On peut bien sûr choisir n'importe quel autre nom que "haut". -->
<a href="#haut">haut de page</a>
On notera qu'avec certains navigateurs, aucune ancre n'est nécessaire: le "#" seul suffit à recharger la page actuelle en se plaçant au début :
<a href="#">haut de page</a>
On préfèrera donc la méthode standard (créer une ancre en bonne et due forme, et faire pointer les liens de retour en haut de page vers cette ancre).
Liens complémentaires