Créer des liens qui renvoient à un endroit précis de la même page

Jeudi 27 mars 2008

Créer des liens qui renvoient à un endroit précis de la même page

Ancre d'Arrivée

Ces liens s'appellent des ancres. Elles sont essentiellement utilisées quand les articles sont longs pour naviguer tout leur long.

Imaginons : je suis tout en bas de cet article sur le blog et je veux pouvoir revenir rapidement tout en haut.

1ère étape : dans le lieu d'arrivée

Dans le mode Source/HTML tout en haut de l'article, j'implante une ancre en copiant ceci

<a name="AncreArrivée">Ancre d'Arrivée</a>

2ème étape : dans le lieu de départ

Dans le mode source/HTML tout en bas de l'article, je colle

<a href="#AncreArrivée">Aller vers l'ancre d'Arrivée</a>

Notez que :

ce qui est en rouge, doit être identique dans les 2 formules
ce qui est en bleu apparaît à l'écran. Pour l'ancre d'arrivée, vous pouvez mettre un point au lieu de "Ancre d'Arrivée" afin que ce soit invisible

Testez : descendez en bas de cette page et cliquez sur "Allez vers l'ancre d'arrivée".

Ces ancres peuvent se mettre à chaque étape de votre article, pas seulement en haut, là est tout leur intérêt.

Aller vers l'ancre d'Arrivée

publié dans : Tous Blogs - Liens, listes et menus
ajouter un commentaire commentaires (4)

Commentaires

Bonsoir Annak, merci pour ton commentaire qui m'a fait du bien mon moral est un peut bas depuis 3 ans c'est la première fois que je délaisse autant mon blog, cette histoire de balise ne me permet pas de mettre ma page d'accueil à jour l'envie de poster est pour l'instant ....

Pour ton probléme je mettrais en premier ma carte graphique à jour ( meilleur cas ) elle peut aussi faire un début de grosse fatigue surtout sur un pc sollicité comme le tien.

Moins cool maintenant il ce peut que tu est attrapé un virus de bureau par un navigateur.

Fais des scans avec ton antivirus puis avec ceux en ligne pour avoir une indication infection si tu n'a pas de vilains virus
revient sur ta carte graphique et sa mise à jour.

Pour l'écran c'est plus rare mais possible ...

Passe une bonne soirée gros bisous :)

commentaire n° : 1 posté par : Jean Michel (site web) le: 27/03/2008 19:26:32

Merci Jean-Michel :)

réponse de : Anna K (site web) le: 29/03/2008 15:26:29

Bonne journée et BiZouX de la terre des pharaons ! @nne marie

commentaire n° : 2 posté par : soleil51

(site web) le: 28/03/2008 14:57:54

Petite question à la grande anna ^__-
Est-il possible de mettre les liens des "ancres" de couleur différente que les liens externes sur le même article?!

Comme je vois que c'est une balise comme un lien qui entoure l'ancre... je me doute que non... T__T

commentaire n° : 3 posté par : Chen Jie (site web) le: 21/04/2008 11:24:03

En HTML :
<a href="#AncreArriv%C3%A9e" ><span style="color: #000033;">Aller vers l'ancre d'Arrivée</span></a>
Sinon, voir la réponse de Eugène en-dessous :)

réponse de : Anna K (site web) le: 23/04/2008 09:17:38

Je passais par là, alors je me permets de répondre...
Bien sûr que c'est possible, sans difficulté !
Dans le css, tu va créer une classe spéciale dotée des attributs que tu souhaites (couleur, style etc.). Et dans le lien de l'ancre, tu vas appeler cette classe qui va devenir prioritaire par rapport au style général des liens :
dans le CSS :
.special {... }
Dans le texte :
xyz

Cela dit, pour rajouter la description de Anna, il n'est même pas besoin de mettre quoi que ce soit dans le lien, l'ancre devient invisible et ça marche très bien :

commentaire n° : 4 posté par : Eugène le: 21/04/2008 12:33:55

Merci beaucoup Eugène :) en plus, je n'avais pas pensé à cette solution ;)

réponse de : Anna K (site web) le: 23/04/2008 09:18:42

Accueil	Publication	Newsletter	Recommander	Contact