Balise HTML ou XHTML A

BALISE A

Détails de compatiblilité navigateur HTML pour la balise "a"

Détails de compatiblilité navigateur XHTML pour la balise "a"

Définition

La balise HTML et XHTML A permer de faire un lien.
Un lien est une zone cliquable qui vous permet d'accéder à une autre page HTML ou XHTML.

L'attribut HTML ou XHTML HREF de la balise HTML et XHTML <A> est comparable au "numéro de téléphone" de la page appelée.

Lorsque vous définissez un lien dans une page HTML ou XHTML, n'oubliez pas de mettre </a> qui définit la fin de la zone sensible.

Lorsqu'un lien est créé dans une page HTML ou XHTML, il se souligne et se colorie avec une couleur que vous avez définie avec l'attribut HTML LINK de la balise HTML <BODY> ou avec une css a:link poure le XHTML.

Cours HTML : Les liens
javascript [4]
Infos Javascript
Vous pouvez spécifier l'url du lien :
Exemple de code :
document.links[N]
N étant le numéro du lien.
Le premier lien a pour numéro 0.

Cours javascript : Les liens

Lorsque vous écrivez, vous pouvez spécifier que le mot soit un lien :
Exemple de code :
var m="mon texte";
m.link();

Cours javascript : Ecriture du texte

Vous trouverez des informations sur l'objet javascript A dans les glossaires javascript DOM :
Document Object Model Core :
Objet Document
Objet Node
Objet Element
Document Object Model HTML :
Objet A
css [2]
Infos CSS
En css (Cascading Style Sheets) la valeur du bloc est inline
Voir les feuilles de styles associées :
£link£
£visited£
active
hover

lien interne au site

On appelle ce type de lien un lien relatif.
Exemple de code :
<A HREF="chapitre/Suite.Htm">lien</A>

Ici, je suis dans mon site et je fais appel au document "Suite.html" qui se trouve dans le dossier "chapitre". Je n'ai pas changé de domaine.
Mon document sur lequel se trouve mon lien, a pour "adresse" :
http://www.xyu.com/DMC/
Mon document que j'appelle à la même "adresse" mais se trouve dans le dossier "chapitre" :
http://www.xyu.com/DMC/chapitre.

Il est possible d'introduire un lien interne au lien relatif :
Exemple de code :
<A HREF="chapitre/Suite.html#bas">lien</A>
Dans ce cas, je vais ouvrir le document "Suite.html" et je vais me positionner à l'étiquette nommée "bas".

Il est possible de se déplacer dans la page même du document HTML sans recharger la page :
Exemple de code :
<A HREF="#bas">lien</A>
Dans ce cas, je vais me positionner directement à l'étiquette nommée "bas".
javascript [0]
Infos Javascript
Vous pouvez spécifier l'url du lien :
Exemple de code :
document.links[N].href

l'URL entiere.
Exemple de code :
document.links[N].pathname

l'URL après le premier slash (/).
Cours javascript : Les liens
css [1]
Infos CSS
En css (Cascading Style Sheets) la valeur du bloc est inline
Aucune cascading style sheets associée.
Visitez la ZONE CSS

Lien externe au site

Exemple de code :
<A HREF="http:/www.autre.fr/Suite.Htm">lien html</a>
On appelle ce type de lien : lien absolu.
Ici, je suis dans mon site et je fais appel au document "Suite.html" qui se trouve dans un autre nom domaine.
Mon document sur lequel se trouve mon lien, à pour "adresse" :
http://www.xyu.com/DMC/
Mon document que j'appelle, à une autre "adresse":
http://www.autre.fr/DMC/chapitre

Il est possible d'introduire un lien interne au lien absolu :
Exemple de code :
<A HREF="http:/www.autre.fr/Suite.Htm#bas">

Dans ce cas, je vais ouvrir le document "Suite.html" et je vais me positionner à l'étiquette nommée "bas" dans la page HTML.
( voir lien interne à la page )
javascript [0]
Infos Javascript
Vous pouvez encoder les liens :
Exemple de code :
var m="mon texte";
document.links[N].href=escape(m)

Vous pouvez décoder les liens :
Exemple de code :
var m="Mon%20Pr%E9nom.";
unescape(m)

Cours javascript : Les liens
css [0]
Infos CSS
Aucune cascading style sheets associée.
Visitez la ZONE CSS

Flash MX

La balise HTML <A> est reconnue par Flash MX aussi que les attributs HTML HREF, TARGET et CLASS.
javascript [0]
Infos Javascript
css [1]
Infos CSS
Voir les feuilles de styles associées :
 
Css par thème

Attribut html ou xhtml ACCESSKEY [s]

Détails de compatiblilité navigateur HTML pour l'attribut "accesskey" de la balise "a"

Détails de compatiblilité navigateur XHTML pour l'attribut "accesskey" de la balise "a"

Définition

L'attribut HTML et XHTML ACCESSKEY de la balise HTML et XHTML <A> permet de sélectionner un lien en tapant sur le clavier la lettre spécifiée dans ACCESSKEY.
Exemple de code :
<A ACCESSKEY="l"></A>
Sous windows il faut faire ALT + la lettre et sous MAC il faut faire "CTLR" + la lettre.
Exemple : Mettez vous en haut de la page et tapez :
- Internet Explorer sur Windows : Appuyez simultanément sur la touche Alt et P puis ENTRER.
-Mozilla, Netscape, Firefox sur Windows : Appuyez simultanément sur la touche Shift et Alt et P.
ALT + P
javascript [0]
Infos Javascript
Vous pouvez connaître ou modifier en javascript l'attribut html ACCESSKEY associer à l'objet javascript :
Exemple de code :
object.accessKey
css [0]
Infos CSS
Aucune cascading style sheets associée.
Visitez la ZONE CSS

Attribut html ou xhtml CHARSET [s]

Détails de compatiblilité navigateur HTML pour l'attribut "charset" de la balise "a"

Détails de compatiblilité navigateur XHTML pour l'attribut "charset" de la balise "a"

Définition

L'attribut HTML et XHTML CHARSET de la balise HTML et XHTML A permet de spécifier l'encodage de caractères de la ressource désignée par le lien.
Exemple de code :
<A CHARSET="iso-8859-1" >Lien</a>
javascript [0]
Infos Javascript
css [0]
Infos CSS
Aucune cascading style sheets associée.
Visitez la ZONE CSS

Attribut html ou xhtml CLASS [s]

Détails de compatiblilité navigateur HTML pour l'attribut "class" de la balise "a"

Détails de compatiblilité navigateur XHTML pour l'attribut "class" de la balise "a"

Définition

L'attribut HTML et XHTML CLASS de la balise HTML et XHTML A, permet d'identifier la balise.
Exemple de code :
<A CLASS="Nom"> </A>

Utilisé pour les cascading style sheets.
javascript [0]
Infos Javascript
Vous pouvez connaître ou modifier en javascript la valeur de l'attribut CLASS associé à l'objet :
Exemple de code :
object.className
css [0]
Infos CSS
Aucune cascading style sheets associée.
Visitez la ZONE CSS

Attribut html ou xhtml HREF [o]

Détails de compatiblilité navigateur HTML pour l'attribut "href" de la balise "a"

Détails de compatiblilité navigateur XHTML pour l'attribut "href" de la balise "a"

Définition

L'attribut HTML et XHTML HREF de la balise HTML et XHTML <A>, permet de spécifier l'url de la page à charger.
Exemple de code :
<A HREF="url"> </A>
javascript [1]
Infos Javascript
Vous pouvez écrire en javascript un lien :
Cours javascript : Ecriture du texte
Vous pouvez connaître ou modifier en javascript l'attribut HTML HREF associé à l'objet javascript :
Exemple de code :
object.href
La propriété javascript href renvoie une url absolue.
Document Object Model HTML :
A href
css [0]
Infos CSS
Aucune cascading style sheets associée.
Visitez la ZONE CSS

Astuce

Lorsque vous faites une ancre interne vous n'est pas obligé d'avoir un <A NAME="nom"></A> vous pouvez cibler la valeur de l'ID de n'importe quelle balise.
Seule condition c'est que la valeur de l'ID soit unique dans tout votre document HTML.
javascript [0]
Infos Javascript
css [0]
Infos CSS
Aucune cascading style sheets associée.
Visitez la ZONE CSS

Attribut html ou xhtml HREFLANG [s]

Détails de compatiblilité navigateur HTML pour l'attribut "hreflang" de la balise "a"

Détails de compatiblilité navigateur XHTML pour l'attribut "hreflang" de la balise "a"

Définition

L'attribut HTML et XHTML HREFLANG de la balise HTML et XHTML A, permet de spécifier la langue utilisée dans le document de destination.
Exemple de code :
<A HREFLANG="fr"> </A>

L'attribut HTML et XHTML HREFLANG de la balise HTML et XHTML A peut prendre entre autre la valeur de :
- fr, français.
- en, anglais.

Exemple ~~> Exemple LANG
javascript [0]
Infos Javascript
Vous pouvez connaître ou modifier en javascript l'attribut html HREFLANG associer à l'objet javascript :
Exemple de code :
object.hreflang
css [0]
Infos CSS
Aucune cascading style sheets associée.
Visitez la ZONE CSS

Attribut html ou xhtml ID [s]

Détails de compatiblilité navigateur HTML pour l'attribut "id" de la balise "a"

Détails de compatiblilité navigateur XHTML pour l'attribut "id" de la balise "a"

Définition

L'attribut HTML et XHTML ID de la balise HTML et XHTML A, permet d'identifier la balise.
Exemple de code :
<A ID="Nom"> </A>

Utilisé pour les cascading style sheets et le javascript.
javascript [0]
Infos Javascript
Grâce à l'attribut html et xhtml ID, vous pouvez identifier un objet javascript.
Pour avoir accès à ses propriétés ou méthodes vous devez d'abord identifier cet objet, vous pouvez utiliser :
- pour les versions d'internet explorer > 4
Exemple de code :
document.all.NomId
document.all["NomId"]

- pour les versions de internet explorer > 5 et pour netscape 6 et plus
Exemple de code :
document.getElementById("NomId");


Dans les exemples javascript des attributs de la balise html A,
Exemple de code :
object
remplace les codes ci-dessus. Par exemple :
Exemple de code :
object.className

revient à faire
Exemple de code :
document.getElementById("NomId").className;
ou tout autre code permettant de recupérer un objet javascript (document.all, getElementsByTagName, getElementsByName...).
css [0]
Infos CSS
Aucune cascading style sheets associée.
Visitez la ZONE CSS

Attribut html ou xhtml LANG [s]

Détails de compatiblilité navigateur HTML pour l'attribut "lang" de la balise "a"

Détails de compatiblilité navigateur XHTML pour l'attribut "lang" de la balise "a"

Définition

L'attribut HTML et XHTML LANG de la balise HTML et XHTML A, permet de spécifier la langue utilisée.
Exemple de code :
<A LANG="fr"> </A>

L'attribut HTML et XHTML LANG peut prendre entre autre la valeur de :
- fr, français.
- en, anglais.

Exemple ~~> Exemple LANG
javascript [0]
Infos Javascript
Vous pouvez connaître ou modifier en javascript l'attribut html LANG associer à l'objet javascript :
Exemple de code :
object.lang
css [0]
Infos CSS
Aucune cascading style sheets associée.
Visitez la ZONE CSS

XHTML

Lorsque vous mettez l'attribut XHTML LANG, vous devez obligatoirement mettre l'attribut XHTML xml:lang.
L'attribut XHTML xml:lang peut prendre les même valeurs que l'attribut XHTML LANG.
Exemple de code :
<a lang="fr" xml:lang="fr">Lien</a>
javascript [0]
Infos Javascript
css [0]
Infos CSS
Aucune cascading style sheets associée.
Visitez la ZONE CSS

Attribut html ou xhtml MAILTO* [s]

Détails de compatiblilité navigateur HTML pour l'attribut "mailto*" de la balise "a"

Définition

Exemple de code :
<A HREF="MAILTO: votre adresse E-mail">

Cela permet à l'internaute de vous envoyer un E-mail à partir de la page HTML.
Exemple de code :
<A HREF="MAILTO: votre adresse E-mail?SUBJECT=Mon formulaire">

Cela permet de remplir l'objet du mail.
Exemple de code :
<A HREF="MAILTO: votre adresse E-mail?SUBJECT=Mon formulaire&CC=dmc@nomade.fr">

Cela permet d'envoyer une copie a une adresse e-mail.
Exemple de code :
<A HREF="MAILTO: votre adresse E-mail?SUBJECT=Mon formulaire &CC=dmc@nomade.fr &BCC=dmc@nomade.fr">

Cela permet d'envoyer une copie cachée a une adresse e-mail.
Exemple de code :
<A HREF="MAILTO: votre adresse E-mail? SUBJECT=Monformulaire &CC=dmc@nomade.fr &BCC=dmc@nomade.fr &BODY=texte">

Cela permet de remplir le contenu du mail.
javascript [0]
Infos Javascript
Exemple de code :
document.links[N].href="mailto: votre adresse";
css [0]
Infos CSS
Aucune cascading style sheets associée.
Visitez la ZONE CSS

XHTML

Attention en XHTML les & dans les url deviennent &.Voir les cours de XHTML : URL
javascript [0]
Infos Javascript
css [0]
Infos CSS
Aucune cascading style sheets associée.
Visitez la ZONE CSS

Attribut html ou xhtml NAME [s]

Détails de compatiblilité navigateur HTML pour l'attribut "name" de la balise "a"

Définition

L'attribut HTML NAME de la balise HTML A permet de créer une ancre.
Exemple de code :
<A NAME="nom"></A>

Une ancre est une "cible" pour la navigation au sein même de la page.
javascript [0]
Infos Javascript
Lorsque vous écrivez, vous pouvez spécifier que le mot soit une ancre :
Exemple de code :
var m="mon texte";
document.write(m.anchor("nom"));

Cours javascript : Ecriture du texte
css [1]
Infos CSS
Voir les feuilles de styles associées :
Css par thème
Cours css

XHTML

L'attribut name ne fait pas partie du XHTML, il est remplacé par l'attribut XHTML id.
Pour créer une ancre.
Exemple de code :
<a id="nom"></a>

Pour garder une compatibilité ascendante, vous pouvez vous mettre votre document XHTML en DTD xhtml1-transitional :
Exemple de code :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
et mettre
Exemple de code :
<a name="nom" id="nom"></a>
javascript [0]
Infos Javascript
css [0]
Infos CSS
Aucune cascading style sheets associée.
Visitez la ZONE CSS

Attribut html ou xhtml REL [s]

Détails de compatiblilité navigateur HTML pour l'attribut "rel" de la balise "a"

Détails de compatiblilité navigateur XHTML pour l'attribut "rel" de la balise "a"

Définition

L'attribut HTML et XHTML REL de la balise HTML et XHTML A, permet de spécifier la relation entre la page spécifié par l'attribut HREF et la page où on a mis la balise A.
Exemple de code :
<A HREF="mapage.html" REL="Start">Lien</a>

L'attribut HTML et XHTML REL de la balise HTML et XHTML A fonctionne dans dans le sens inverse de l'attribut HTML et XHTML REV (rev=page->lien | rel=lien->page).
Dans le cas, d'une feuille de style cet attribut n'est pas à mettre.

L'attribut HTML REL de la balise HTML et XHTML A peut prendre la valeur de :
Stylesheet Se rapporte à une feuille de style externe.
Start Se rapporte au premier document d'une succession de documents.
Next Se rapporte au document suivant dans une succession linéaire de documents.
Prev Se rapporte au document précédent dans une succession ordonnée de documents.
Contents Se rapporte au document qui fait office de table des matières.
Index Se rapporte au document qui fournit un index du document courant.
Glossary Se rapporte au document qui fournit un glossaire des termes relatifs au document courant.
Copyright Se rapporte à la déclaration de droits d'auteur pour le document courant.
Chapter Se rapporte au document faisant office de chapitre dans une succession de documents.
Section Se rapporte au document faisant office de section dans une succession de documents.
Subsection Se rapporte au document faisant office de sous-section dans une succession de documents.
Appendix Se rapporte au document faisant office d'appendice dans une succession de documents.
Help Se rapporte à un document d'aide (compléments d'informations, liens vers d'autre sources d'information, etc.)
Bookmark Se rapporte à un signet. Un signet représente un lien vers un point d'entrée clé dans un document complémentaire. L'attribut title peut être utilisé, par exemple, pour étiqueter le signet. Remarquez qu'on peut définir plusieurs signets dans chaque document.
javascript [0]
Infos Javascript
css [0]
Infos CSS
Aucune cascading style sheets associée.
Visitez la ZONE CSS
Page suivante