Cours HTML

Les ancres

Il est 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 première étape pour créer une ancre est la suivante : insérer l'ancre à un endroit précis de la page. Voici la syntaxe :
<a id="ancre"> ... </a>

Deuxième étape : on inséère un lien pour se rendre sur l'ancre, 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 HTML 5, 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.