Il s'agit tout simplement de liens qui facilitent la navigation dans le sens où l'on permet au lecteur de se déplacer vers une autre partie du message ou d'une page html.
Bien évidemment, on pense aussitôt au lien qui permet d'aller directement en bas de page (ou inversement de revenir en haut de page). Mais cela peut s'avérer tout aussi pratique lorsque l'on veut créer un sommaire avec un lien sur le titre renvoyant au développement de la partie correspondante.
Concrètement comment cela se passe ?
Dans l'onglet html de rédaction du message il faut entrer la syntaxe suivante :
<a href="#nom de l'ancre">départ : lien et messsage incitant à cliquer pour pointer vers votre ancre</a>
<a name="nom de l'ancre">destination : mot ou phrase vers lequel votre lien pointera</a>
Par exemple, ce lien renverra vers le haut de la page et ce ce lien vers le bas de page.
Lorsque l'on veut faire un lien vers une ancre se situant sur un autre message la syntaxe est pratiquement la même en prenant tout simplement la précaution de citer la bonne page html du message.
- Sur le message d'origine on mettra :
<a href="http://metablog92.blogspot.com/2012/02/comment-inserer-une-ancre.html#nom de l'ancre">départ : lien et messsage incitant à cliquer pour pointer vers l'ancre du second message</a>
- Sur le message de destination, on mettra :
<a name="nom de l'ancre">destination : mot ou phrase vers lequel votre lien pointera</a>
Important : Si vous prenez les références d'un message qui est encore à l'état de Brouillon, vous devrez penser à corriger ses coordonnées une fois que cet article sera publié.
D'autre part, il est tout à fait possible de laisser une ancre vide. Ainsi dans l'exemple cité précédemment, un retour vers le top de la page peut être fait sur une zone vide. Et l'occurrence voici le code html de la première ligne :
<a href="" name="up"></a>
5 commentaires:
Bonjour,
Très bon article :)
Voici un tuto qui complétera parfaitement celui ci ;)
http://forum.forumactif.com/t314469-ancres-dans-les-messages#2739361
Bonne journée et à bientot
Attention! Si vous passez en mode "rédiger", Blogger va irrémédiablement altérer vos lien et vos ancres. De ce fait, quand vous cliquez (vous-même) sur un de ces liens, vous vous retrouvez dans la partie admin de votre blog. C'est plutôt gênant pour vos visiteurs!
La parade que j'ai trouvé: coder les liens menant vers une ancre et les ancres elles-même sur cette page: http://jean-louis.pierre.pagesperso-orange.fr/Crypter-le-HTML.htm. Vos liens et ancres sont cryptés en Javascript et Blogger n'y touchera plus.
Bonjour,
Est ce que quelqu'un peut m'aider, je n'y arrive pas du tout. Les codes ne fonctionnent pas dans le HTML sous Blogger.
Un grand merci de vos réponses
C'est pas qu'ils fonctionnent pas, c'est que Blogger les altère si on passe en mode "rédiger". Il y a un truc pour que Blogger n'y touche pas, c'est de les coder en javascript mais je ne sais plus où est le site qui permet de le faire facilement (faut chercher!).
De toutes manières, il n'est pas recommandé d'utiliser des ancres dans un blog car si le message change de page quand il devient un "article plus ancien", ça ne marchera plus.
Sinon, le mieux c'est de ne pas repasser en mode "rédiger" avant de publier.
L'adresse du site qui permet de coder est dans mon message du 18 juillet 2013: http://jean-louis.pierre.pagesperso-orange.fr/Crypter-le-HTML.htm
Enregistrer un commentaire