A

Syntaxe

Paramètres

Description

Cette balise permet de créer un lien ou un ancrage. On entend par lien, une façon de relier une page Web à une autre page par un simple clic de souris sur un court message texte. Cette balise est certaine de fonctionner peut importe les limitations que le navigateur subira (désactivation du JavaScript,...), cependant elle est parfois perçu comme peu élégant étant donnée le fait qu'elle est affichée avec une couleur bleue en soulignement. La balise «A» est aussi appelé «HTML A TAG» ou «TAG A HTML» chez les anglophones.

Remarques

• Quand doit-on mettre les «TARGET="_BLANK"» dans un site Web ? Le standard qu'utilisent la plupart des sites Web, c'est que lorsqu'on change de nom de domaine, on doit ajouter le paramètre «TARGET="_BLANK"» et lorsqu'on reste à l'intérieur du site, on ne le met pas. Il y a bien sûr des exceptions, lorsqu'il s'agit d'une page informative ou complémentaire au contenu principal et que l'utilisateur doit nécessaire revenir a la page actuelle, dans ce cas, on pourra également ajouter le paramètre «TARGET="_BLANK"».
• Si vous souhaitez utiliser un «<A TARGET="_BLANK" HREF=...>» en JavaScript, vous devrez envisager l'utilisation de la méthode «window.open».
• SEO : Si vous avez des liens externes à votre site comme pour de grosses entreprises de renom, il est préférable d'ajouter les attributs «rel="nofollow"» afin d'indiquer qu'il s'agit d'un lien commercial, car sinon cela risque de nuire à vos résultats SEO et des moteurs de recherches.
Dans le cas contraire, vous risquez de donner l'impression au moteur de recherche que vous tentez d'augmenter artificiellement la visibilité de votre site Web.
• Réseau sociaux : Si vous hébergez sur votre site Web des profils d'utilisateurs et qu'il y a une possibilité des relier entre eux, il est préférable d'ajouter l'attribut «rel="me"» afin qu'il soit disponible par le «Social Graph API» par exemple.
• Conflit : Dans la plupart des navigateurs, le paramètre «style» est prioritaire sur le paramètre «class» ou «id». Ainsi, si vous définissez aux deux endroits, des valeurs différentes, par exemple «style="color:red;"» et «color:green» dans la classe, c'est le paramètre «style» avec son «color:red» qui sera utilisé par le navigateur Web. Il est à noter qu'il est préférable de ne pas mettre des informations contradictoires comme celle-ci (deux paramètres identiques avec des valeurs différentes) car le résultat peut malgré tout demeurer imprévisible.
• Ancienne pratiques : Au début du HTML, la bande passante était très limitée, par exemple, le modem avec un taux de transfert de quelques centaines d'octets par secondes. Le chargement des pages était très lent, et pour accélérer le processus beaucoup de développeurs enlevaient délibérément les guillemets «"» au paramètre de leur balise afin de réduire la taille de leur page HTML. Par la suite, à cause des résultats souvent imprévisible que cela causait par à un IE versus les autres navigateurs, les idées de la norme du w3c se sont imposées et le retour des guillemets au paramètres de balises est revenue.
• IFRAME : Si vous recevez l'erreur «NS_ERROR_DOM_PROP_ACCESS_DENIED» en utilisant le JavaScript «window.parent.location.href» vous devriez envisager d'utiliser «window.top.location.href» s'il s'agit d'un contexte de balise «IFRAME».
• onclick : Si vous utilisez un événement sur un «onclick» comprenant une redirection, il aura priorité sur le paramètre «href» de la balise «a», cependant, le menu contextuel (généralement le bouton de droite de la souris) offrant la possibilité d'ouvrir le lien dans une nouvelle fenêtre ou un nouvel onglet, lui continuera d'utiliser le paramètre «href» pour effectuer ses actions.
• HREF : Si vous avez plusieurs paramètres href définit dans la même balise A, il est a noté que les navigateurs utilisent le premier lien mentionné, tandis que Outlook utilise le dernier.
• Lien relatif vs lien absolue : Les liens absolues indiques les noms complets avec le nom de domaine ou le nom du serveur, tandis que le lien relatif indique un déplacement à partir de la page courante. Dans quel circonstances devrait-on utiliser l'un plutôt que l'autre ? On devrait toujours utiliser des liens absolue lorsque le contenu est visualisé dans un courriel, pour une site Web, on peut utiliser aussi bien les liens absolues que relatifs, tandis que sur les postes de travail (exemple, lorsqu'on l'utilise dans un fichier .chm), les liens devraient toujours être relatif.
• Les paramètres peuvent être indiqué dans l'ordre que vous le souhaitez. Il n'existe pas d'obligation de les mettre dans un ordre précis pour les navigateurs Web.
• jQuery et Ancre : On peut simuler en ancre avec jQuery avec l'instruction suivante : «jQuery(document).scrollTop( jQuery("#ancre").offset().top );».

Exemples

Voici un exemple montrant comment inclure un lien vers le site «www.gladir.com»  :

Voici le résultat affiché :

Voici le même exemple montrant où l'inclure dans la page HTML  :

Voici le résultat affiché :

L'exemple suivant permet de mettre un ancre au début et à la fin de la page :

on obtiendra le résultat suivant (ou cliquer ici pour le fichier d'exemple) :

L'exemple suivant permet d'appliquer des styles appliqués uniquement si certains attributs sont manquants (comme un HREF vide par exemple) :

Voir également

Articles - URL (Uniform Resource Locator)
Langage de programmation - HTML - Référence des balises - Link
Articles - Comparatif des méthodes «POST» ou «GET» ?

Références

HTML - The Definitive Guide, 3rd Edition, Edition O'Reilly, Chuck Musciano, Bill Kennedy, 1998, ISBN: 1-56592-492-4, page 503 à 504