The manual Page
English version
accueil | glossaire | downloads | liens ]
 

La balise <A>

Utilité

Cette balise permet de créer des hyper-liens. C'est une des balises les plus importantes du HTML : sans elle, hors de question de "surfer" sur le net.

Un hyper-lien est une association entre un ou plusieurs éléments (des mots généralement) et une référence. Le cas idéal de l'hyper-lien, c'est le dictionnaire dans lequel tous les mots d'une définition pointent vers leur propre définition.

Utilisation

Cette balise nécessite des attributs pour fonctionner correctement.

Avec cette balise, il est possible de faire deux choses : créer un lien vers une ressource (page web, ancrage ou tout autre objet accessible par HTTP, FTP...), ou créer un ancrage. On appelle ancrage un endroit d'une page web auquel on va donner un nom pour le rendre accessible par un hyper-lien. Par exemple, en cliquant ici, vous allez atteindre un ancrage appelé "utilisation" placé à côté du titre "Utilisation" de cette page.

  • <A href="objet"> permet de créer un lien (ou pointeur) vers "objet"
  • <A name="ancrage"> permet de créer un ancrage ayant pour nom "ancrage"

Le texte ou les objets enfermés entre le <A...> et le </A> devient la zone active pour le lien (avec l'attribut href, ces objets seront clickables et le navigateur tentera d'accéder à la ressource pointée, et avec name, ces objets seront ceux accessibles avec le nom indiqué). Pour créer un ancrage, on peut cependant ne pas enfermer de texte (c'est même ce qu'on fait généralement, même si certains navigateurs reconnaissent pas les ancrages "vides").

Les ancrages

C'est l'utilisation la plus simple pour cette balise. La seule contrainte en nommant les ancrages, c'est que ce nom doit être unique, même si la casse diffère entre deux noms.

Pour créer un lien vers un ancrage, on utilise un <A href="..."> en mettant le nom de l'ancrage précédé d'un # :

On crée un ancrage "ancrage" :

<A name="ancrage"></A>

On crée ensuite un pointeur dessus :

<A href="#ancrage">texte ou objets pour le lien</A>

Les ancrages sont a priori sensibles à la casse.

Il existe une manière dérivée de faire des ancrages en utilisant l'attribut ID des balises :

<H2 ID="titre2">Titre 2 bla bla</H2> aura le même effet que <A name="titre2"><H2>Titre 2 bla bla</H2></A>

Les liens

C'est un peut plus technique que les ancrages car on peut faire des liens sur à peu près tout ce qu'on veut (une autre page HTML, un ancrage, un ancrage sur une autre page, un fichier binaire...).

Pour créer un lien, il faut connaître l'emplacement exact de l'objet (son URL). Le lien est créé en donnant cet URL comme valeur de l'attribut href=... de la balise <A>. Voici une succession de liens différents :

L'attribut target

Cet attribut est assez souvent utilisé. Il permet de dire au navigateur où ouvrir le lien (nouvelle fenêtre, fenêtre principale, fenêtre nommée...). Les 5 valeurs possibles de cet attribut sont les suivantes :

  • _top ouvre le lien dans la fenêtre principale du navigateur
  • _self ouvre le lien dans la fenêtre courante
  • _blank ouvre le lien dans une nouvelle fenêtre sans nom
  • _parent ouvre le lien dans la frame parent
  • nom ouvre le lien dans la frame de nom "nom"

Voir les frames pour plus d'informations.

Les attributs spéciaux

Les attributs name et href suffisent à faire fonctionner des liens correctement, et on n'utilise que ceux-là dans 95% des cas. Pourtant, HTML 4 définit des attributs supplémentaires dont voici la liste :

attribut description
accesskey caractère qui donne accè à la ressource pointée (raccourci clavier)
charset la page de code de la ressource pointée (par exemple ISO-8859-1)
class pour attribuer la balise à une classe (utilisé pour les feuilles de style)
coords permet de spécifier l'emplacement où la zone shape sera active
hreflang le code du langage pour la page HTML pointée (à n'utiliser qu'avec href=...)
id pour identifier la balise
onblur script à exécuter lorsque le lien ne devient plus actif ("perd le focus")
onfocus script à exécuter lorsque le lien devient actif ("attrape le focus")
rel définit la relation entre la page actuelle et la ressource pointé. Voir <LINK>
rev définit la relation entre la page actuelle et la ressource pointé. Voir <LINK>
shape lorsque l'on crée un lien depuis une image, permet de spécifier la forme de la zone active sur l'image
tabindex position de l'objet dans la liste des objets accessible par la touche tab
type le type MIME de la ressource pointée (par exemple text/css)

Référence

Le site de la W3C : http://www.w3.org/TR/html4/struct/links.php3#edef-A


format imprimable format imprimable



Copyright © 2000-2006 themanualpage.org - Ce site est soumis aux conditions décrites dans les licences GNU GPL et FDL.