Généralités liens

Liens avec ancres

Soulignement ou pas

Exemples

Lien avec focus

 

Lien vers une ancre

Il arrive fréquemment d'avoir à diriger le visiteur vers une partie bien définie de la même page où il se trouve, comme un Post-scriptum par exemple. Il est judicieux aussi par exemple de lui permettre de retrouver l'endroit où il se trouvait avant de cliquer sur un lien. Il est aussi possible de le diriger vers un fichier différent de celui qu'il consulte, et soit dans le même répertoire, soit dans un autre dont vous assurez le fonctionnement.

 

Le principe de base

Vous êtes au point A, et souhaitez rejoindre le point B qui s'appelle communément une "CIBLE". Vous commencez par poser l'ancre de la CIBLE ( <a name="carte"></a>) et ensuite en vous positionnant au point A, vous créez un lien qui vise la cible : <a href="#carte"> Voir le plan </a>

Mais il ne daut pas laisser le visiteur retrouver seul son chemin pour revenir au point de départ A, sinon il va piétiner peut-être et sans doute vous quitter, c'est-à-dire que vous l'avez perdu et il serait étonnant qu'il revienne.

Donc il faut prévoir de revenir facilement, et lorsque vous êtes au point A de départ, vous en profitez pour placer une ancre (<a name="depart"></a>) et ensuite vous allez à l'endroit de la CIBLE B où vous posez un lien explicite qu'il suffira de cliquer pour retrouver son point A de départ : <a href="depart"> Revenir au départ </a>.

Comme en HTML vous placer cet "ancre" un peu avant l'emplacement ciblé (pour l'exemple aux deux emplacements marqués (ICI). Respectez de préférence cet ordre : positionner ancre puis créer lien vers l'ancre.

 

---

 

(Ici se trouve lancre "depart" qui correspond au lien "Revenir au départ" ) qui va permettre au visiteur de retrouver ses marques, après avoir visualisé le plan que vous lui conseillez. 

 

Lien dans BODY vers "carte"

<a href="#carte"> ici </a>

Résultat exemple

Maintenant vous souhaitez proposer au visiteur de voir la carte >>> Voir le plan

 

Code dans BODY pour créer l'ancre afin de revenir.

 

 

La suite des codes pour ces ancres se trouve en bas de la page.

---

 

Retour au lien origine ou en haut de page ???

 

Là je dois vous avouer ma perplexité, car malgré mes recherches dans le W3C (ou ailleurs), il n'en est pas question du moins à ma connaissance. Et sur leur propre site vous devez jouer sans cesse avec l'ascenseur pour revenir au point de départ ou tout simplement en haut de la page.

 

Alors ???

Je vous propose d'utiliser en attendant des jours meilleurs, le code classique HTML avec le lien normal et "#ancre" (le mot ancre devant être remplacé par celui que vous avez défini, bien sûr)

Mais pour ce dilemme, ??? Si quelqu'un connaît la formule "sacro-sainte css", il peut m'écrire et j'en ferai mention avec son nom s'il le souhaite. merci d'avance.

 

---

 

Vous retrouvez ici la suite des codes en relation avec les ancres. En fait vous placez une ancre proche du point quitté précédemment et vous faites un lien vers cet ancre de retour en spécifiant suivant notre exemple "Revenir au départ " ce qui aide le visiteur à retrouver ses marques.

(Ici se trouve l'ancre "plan" qui correspond au lien "Voir le plan" que vous venez de cliquer).

 

Code "plan" dans BODY

<a name="carte"></a>

 

Pour permettre au visiteur de retourner à l'emplacement qu'il a quitté pour venir lire cette "carte", vous lui indiquez que pour revenir à son point de départ, il lui suffit de cliquer sur Revenir au départ dont le code est

 

Code dans BODY pour le retour

---

 

Retour en haut de page pour une flèche par exemple

Code dans BODY

Si vous placez en haut de page une ancre #top, vous remonterez au sommet de la page moins environ 0.3 mm qui correspondent au margin par défaut du navigateur.

Si vous ne placez pas d'ancre #top, vous remonterez jusqu'au sommet de la page en totalité. Un essai ne risque rien !