Les ancres, les liens vers un courriel
Les ancres
Il est également possible de créer une ancre dans une page, c'est-à-dire marquer un endroit précis d'une page pour s'y rendre par un lien hypertexte. Les signets ou ancres se définissent grâce à l'attribut id. La syntaxe est la suivante :
<a id="ancre"> ... </a>
L'appel d'un signet se fait de la manière suivante :
<a href="#ancre"> ... </a>
L'utilisateur peut se déplacer dans la même page ou bien aller à un endroit précis vers une autre page :
<a href="url/lapage.html#ancre"> ... </a>
L'attribut name était auparavant employé pour les ancres, il n'est plus d'usage en XHTML, en effet l'attribut id précise qu'il est unique.
Liens vers un courriel
Vous pouvez créer un lien e-mail pour que la messagerie paramètrée par défaut du visiteur se lance automatiquement.
<a href="mailto:nom@provider.com">
Lien e-mail avec sujet
Voici un exemple :
<a href="mailto:nom@provider.com?subject=renseignement">contact</a>
Lien e-mail avec sujet, et texte dans le corps du message
Exemple :
<a href="mailto: nom@provider.com?subject=renseignement&body=Votre message">exemple</a>
Lien e-mail avec sujet, envoyé à 2 personnes (dont une en CC)
Exemple :
<a href="mailto: nom@provider.com?cc=nomb@provider.com&subject=renseignement">exemple</a>
Ajouter un titre
On peut ajouter un titre à son lien avec l'attribut title. Ainsi en survolant le lien, une bulle d'aide s'affichera:
<a href="http://www.google.fr" title="je cherche, je trouve ">
Attention
On n'emploie plus les attributs target dans la balise <a>. Pour rappel :
target="_blank", permettait d'ouvrir le document appelé dans une nouvelle page par exemple
On ne peut plus ouvrir un lien vers une nouvelle page, ceci afin de ne pas gêner la navigation du visiteur et particulièrement des mals-voyants.
C'est au visiteur de décider lui-même s'il veut ouvrir le lien dans une nouvelle fenêtre. Il fera Maj + Clic sur le lien (fonctionne sur IE et Mozilla), ou encore mieux : Ctrl + Clic (pour ouvrir dans un nouvel onglet dans Mozilla).
On peut ouvrir une nouvelle page grâce à du javascript, nous le verrons dans un chapitre plus tard.