Ok

En poursuivant votre navigation sur ce site, vous acceptez l'utilisation de cookies. Ces derniers assurent le bon fonctionnement de nos services. En savoir plus.

16.01.2010

Insérer des notes de bas de page sans effort

J'avais déjà écrit à propos des ancres, et je vous propose ici un mode opératoire spécialement dédié aux personnes... économes de leurs efforts. Mais il faudra tout de même lire jusqu'au bout.

Qu'il s'agisse de donner les références d'une citation, ou de renvoyer à une actualisation, il est utile de pouvoir faire des renvois vers la fin d'un texte1 ; l'information est consultée par le lecteur acceptant d'interrompre sa lecture, alors que l'autre continuera de suivre le fil.

Techniquement, il s'agit d'un lien interne, vers un point précis dans le document. C'est évidemment à vous de spécifier le point précis dans le document en attribuant un nom (name) à une ancre.

En code Html, l'appel de note ci-dessus s'écrit :

<sup><a href="#corps_de_note_1" name="appel-de-note-1" id="appel-de-note-1">1</a></sup>

En code Html, le corps de la note concernée s'écrit

<sup><a href="#appel-de-note-1" name="corps_de_note_1" id="corps_de_note_1">1.</a></sup>

Ce n'est pas compliqué, mais répéter cette manœuvre sans se tromper dans les références peut s'avérer rapidement fastidieux.


Comment gagner du temps ?


1. Copiez le code ci-dessous

[<sup><a href="#corps_de_note_1" name="appel-de-note-1" id="appel-de-note-1">1</a></sup>]
[<sup><a href="#corps_de_note_2" name="appel-de-note-2" id="appel-de-note-2">2</a></sup>]
[<sup><a href="#corps_de_note_3" name="appel-de-note-3" id="appel-de-note-3">3</a></sup>]
[<sup><a href="#corps_de_note_4" name="appel-de-note-4" id="appel-de-note-4">4</a></sup>]
[<sup><a href="#corps_de_note_5" name="appel-de-note-5" id="appel-de-note-5">5</a></sup>]
[<sup><a href="#corps_de_note_6" name="appel-de-note-6" id="appel-de-note-6">6</a></sup>]
[<sup><a href="#corps_de_note_7" name="appel-de-note-7" id="appel-de-note-7">7</a></sup>]
<p>Fin du texte</p>
<hr>
<p>
<sup><a href="#appel-de-note-1" name="corps_de_note_1" id="corps_de_note_1">1.</a></sup> Note 1<br>
<sup><a href="#appel-de-note-2" name="corps_de_note_2" id="corps_de_note_2">2.</a></sup> Note 2<br>
<sup><a href="#appel-de-note-3" name="corps_de_note_3" id="corps_de_note_3">3.</a></sup> Note 3<br>
<sup><a href="#appel-de-note-4" name="corps_de_note_4" id="corps_de_note_4">4.</a></sup> Note 4<br>
<sup><a href="#appel-de-note-5" name="corps_de_note_5" id="corps_de_note_5">5.</a></sup> Note 5<br>
<sup><a href="#appel-de-note-6" name="corps_de_note_6" id="corps_de_note_6">6.</a></sup> Note 6<br>
<sup><a href="#appel-de-note-7" name="corps_de_note_7" id="corps_de_note_7">7.</a></sup> Note 7<br>
</p>

2. Dans votre éditeur de note, en mode Html, collez ce code puis cliquez sur [Mise à jour]. Vous obtenez quelque chose comme cela dans l'éditeur standard.

[1] [2] [3] [4] [5] [6] [7]

Fin du texte


1. Note 1
2. Note 2
3. Note 3
4. Note 4
5. Note 5
6. Note 6
7. Note 7

3. Vous avez maintenant 7 appels de note et 7 notes interconnectées, séparées de la fin du texte par un trait horizontal.
4. Placez les appels de note de bas de page au bon endroit dans le texte principal par copier coller. Les crochets sont là pour vous assurer que vous déplacez bien tout le code. Une fois placés les appels de note, vous pourrez les supprimer [les crochets].
5. Renseignez les textes des notes de bas de page
6. Supprimez les notes surnuméraires, ou ajoutez autant de notes que nécessaire en utilisant ce code dont vous remplacerez tous les x par un même chiffre.

[<sup><a href="#corps_de_note_x" name="appel-de-note-x" id="appel-de-note-x">x</a></sup>]
[<sup><a href="#appel-de-note-x" name="corps_de_note_x" id="corps_de_note_x">x. </a></sup> Note x<br>]

Vous aurez alors ceci.

[x] [x. Note x
]

Les plus aventureux pourront créer une mise en forme, ajouter un titre au lien et j'en passe.


Avertissement

Ce sont des liens internes et relatifs, qui ne fonctionnent correctement que dans la page "lien permanent".
Si l'appel de note de bas de page est sur la page d'accueil, dans une introduction, il faut ajouter l'adresse du lien permanent avant le #.
De même, si la page d'accueil contient plusieurs appels de note de bas de page avec le même nom, votre navigateur ne saura pas où se positionner. N'hésitez pas à lire ou relire : Jetons l'ancre à point nommé avant d'insérer un lien.


Mais dans la note, c'est déjà plus facile, non ?



1. Et c'est encore mieux quand on facilite le retour.

09:30 Écrit par Gee Mee dans Personnaliser son blog | Lien permanent | Commentaires (0) | Tags : html, lien, ancre, note, note de bas de page | |  del.icio.us | | Digg! Digg |  Facebook

Les commentaires sont fermés.