<a>

  • Raccourci de la révision : Web/HTML/Element/a
  • Titre de la révision : <a>
  • ID de la révision : 450951
  • Créé :
  • Créateur : Goofy
  • Version actuelle ? Non
  • Commentaire

Contenu de la révision

Résumé

L'élément HTML <a> (pour anchor) définit un hyperlien, une cible de destination nommée pour un hyperlien, ou les deux à la fois.

Attributs

Comme tous les autres éléments HTML, cet élément accepte les attributs globaux.

{{ htmlattrdef("charset") }} {{ obsoleteGeneric("inline","HTML5") }}
Cet attribut définit le jeu de caractères de la ressource liée. La valeur est une liste de jeux de caractères (défini dans RFC 2045) séparés par des espaces ou des virgules. La valeur par défaut est ISO-8859-1.

Note d'utilisation : Cet attribut est obsolète en HTML5, et ne doit plus être utilisé par les auteurs. Pour obtenir le même effet, utilisez l'entête HTTP Content-Type sur la ressource liée.

{{ htmlattrdef("coords") }} {{ HTMLVersionInline(4) }} seulement, {{ obsoleteGeneric("inline","HTML5") }}
Pour utiliser avec des objets formes. Cet attribut utilise une liste de nombres séparés par des virgules, définissant les coordonnées de l'objet sur la page.
{{ htmlattrdef("datafld") }} {{ Non-standard_inline() }}
Cet attribut définit le nom de la colonne pour l'objet data source qui fournit les données associées.

Note d'utilisation : Cet attribut est obsolète en HTML5, et ne doit plus être utilisé par les auteurs. Pour obtenir le même effet, utilisez des scripts et un mécanisme comme XMLHttpRequest pour modifier la page dynamiquement.

Support Gecko Presto WebKit Trident
Non implémenté Non implémenté Non implémenté IE4, IE5, IE6, IE7 (Retiré dans IE8)
Document normatif Microsoft's Data Binding: dataFld Property (MSDN)
{{ htmlattrdef("datasrc") }} {{ Non-standard_inline() }}
Cet attribut définit l'ID de l'objet data source qui fournit les données associées à l'élément.

Note d'utilisation : Cet attribut est obsolète en HTML5, et ne doit plus être utilisé par les auteurs. Pour obtenir le même effet, utilisez des scripts et un mécanisme comme XMLHttpRequest pour modifier la page dynamiquement.

Support Gecko Presto WebKit Trident
Non implémenté Non implémenté Non implémenté IE4, IE5, IE6, IE7 (Retiré dans IE8)
Document normatif Microsoft's Data Binding: dataSrc Property (MSDN)
{{ htmlattrdef("download") }} {{ HTMLVersionInline(5) }}
Cet attribut, si présent, indique que l'auteur souhaite que le lien soit utilisé pour télécharger la ressource pour que, lorsque l'utilisateur clique dessus, il lui soit proposé d'enregistrer la cible du lien comme un fichier local. Si l'attribut a une valeur, le navigateur doit l'interpréter comme le nom de fichier par défaut pour l'invite qui s'ouvre quand l'utilisateur clique sur le lien (bien sûr, l'utilisateur pourra modifier le nom de fichier avant de cliquer sur Enregistrer). Il n'y a aucune limitation sur les valeurs autorisées, mais vous devez vous souvenir que la plupart des systèmes de fichiers ont des limitations concernant la ponctuation dans les noms de fichier, et les navigateurs procèderont sûrement à des ajustements en conséquence.

Note : Vous pouvez utiliser des URL blob:, data: et filesystem:, pour rendre plus facile à vos utilisateurs le téléchargement de contenus générés par un programme JavaScript (ex : une image générée automatiquement). Si l'en-tête HTTP Content-Disposition: est présent et fournit un nom de fichier différent que celui fourni par l'attribut alors c'est l'en-tête HTTP qui prime sur l'attribut. Si l'attribut est présent et que Content-Disposition: vaut inline Firefox donnera la priorité à l'en-tête alors que Chrome donnera la priorité à l'attribut. Dans Firefox 20, cet attribut n'est respecté que pour les liens des ressources de même origine.

{{ htmlattrdef("href") }}
Il s'agit du seul attribut obligatoire pour définir un hyperlien. Il indique la cible du lien, soit une URL, soit un fragment d'URL. Un fragment d'URL est un nom précédé par un #, qui indique une cible interne au document (un ID). Les URLs ne se limitent pas au documents Web sur HTTP. Les URLs peuvent utiliser n'importe quel protocole supporté par le navigateur. Par exemple, file, ftp et mailto fonctionnent dans la majorité des agents-utilisateur.

Note : Vous pouvez utiliser le fragment spécial "top" pour créer un lien de retour vers le haut de la page ; par exemple <a href="#top">Retourner en haut</a>. Ce comportement est défini par HTML5.

{{ htmlattrdef("hreflang") }}
Cet attribut indique la langue de la ressource liée. Il est purement indicatif. Les valeurs permises pour HTML5 sont définies par BCP47 et pour HTML 4 par RFC1766. Utilisez cet attribut seulement si l'attribut {{ htmlattrxref("href", "a") }} est présent.
{{ htmlattrdef("media") }} {{ HTMLVersionInline(5) }}
Cet attribut indique le media pour lequel la ressource liée a été conçue. Sa valeur doit être une media query (requête média).  Si omis, sa valeur par défaut est "all". La valeur de cet attribut est purement indicative.
{{ htmlattrdef("methods") }} {{ Non-standard_inline() }}
La valeur de cet attribut fournit des informations sur les fonctions qui peuvent être exécutées sur un objet. Les valeurs sont généralement données par le protocol HTTP quand il est utilisé, mais il peut être utile d'inclure des informations additionnelles à l'avance sur le lien. Par exemple, le navigateur pourrait choisir un rendu différent du lien en fonction de la méthode renseignée ; quelque chose de « cherchable » pourrait avoir une icône différente, ou un lien sortant pourra être rendu avec une information indiquant le sortie du site actuel. Cet attribut n'est pas très bien compris, ni supporté, même par le navigateur qui l'a défini, Internet Explorer 4. Propriété Methods (MSDN)
{{ htmlattrdef("name") }} {{ HTMLVersionInline(4) }} seulement, {{ obsoleteGeneric("inline","HTML5") }}
Cet attribut est utilisé pour définir une ancre cible au sein de la page. La valeur de name est similaire à la valeur de l'attribut global id, et doit être un identifiant alphanumérique unique au document. Sous la spécification HTML 4.01, id et name peuvent être tous les deux utilisés sur un élément <a> s'ils ont des valeurs indentiques.

Note d'utilisation : Cet attribut est obsolète en HTML5, utilisez l'attribut global id à la place.

{{ htmlattrdef("ping") }} {{ HTMLVersionInline(5) }}
Le support de ping a été désactivé à partir de Firefox 3 beta 3.{{ Bug(415168) }}
{{ htmlattrdef("rel") }}
Pour les éléments <a> avec un attribut href, cet attribut indique la relation entre la cible du lien et l'objet faisant le lien. La valeur est une liste de relations séparées par des espaces. Les valeurs disponibles et la sémantique seront définies par une autorité tierce. La relation par défaut, si aucune n'a été définie, est nulle. Utilisez seulement cet attribut si l'élément possède un attribut href.
{{ htmlattrdef("rev") }} {{ HTMLVersionInline(4) }} seulement, {{ obsoleteGeneric("inline","HTML5") }}
L'attribut indique un lien inversé : la relation inverse de l'attribut rel. Il est utile pour indiquer l'origine d'un objet, tel que l'auteur d'un document.
{{ htmlattrdef("shape") }} {{ HTMLVersionInline(4) }} seulement, {{ obsoleteGeneric("inline","HTML5") }}
Cet attribut est utilisé pour définir une zone cliquable pour un lien associé à une image, pour créer une image map. Les valeurs pour cet attribut sont circle, default, polygon, et rect. Le format de l'attribut coords dépend de la valeur de shape. Pour circle, la valeur est x,y,rx et y sont les coordonnées en pixel pour le centre du cercle et r est le rayon du cercle en pixel. Pour rect, l'attribut coords doit être x,y,w,h. Les valeurs x,y définissent le coin supérieur gauche du rectangle, pendant w et h définissent respectivement la largeur et la hauteur. Une valeur polygon pour shape nécessite les valeurs x1,y1,x2,y2,... pour coords. Chaque paire de x,y définissent un point du polygone, avec les points successifs joints par des lignes droites, et le dernier point joint au premier. La valeur default pour shape nécessite que la totalité de la zone, habituellement une image, soit utilisée.
Note : Il est préférable d'utiliser l'attribut usemap de l'élément {{ HTMLElement("img") }} et l'élément {{ HTMLElement("map") }} associé, pour définir des zones d'actions, à la place de l'attribut shape.
{{ htmlattrdef("target") }}
Cet attribut indique où afficher la ressource liée. En HTML4, il s'agit du nom, ou du mot-clé, d'une frame. En HTML5, il s'agit du nom, ou du mot-clé, d'un contexte de navigation (par exemple, un onglet, une fenêtre, ou une {{ HTMLElement("iframe") }}). Les mots-clés suivants ont un sens particulier :
  • _self: Charge la réponse dans la frame HTML4 actuelle (ou contexte de navigation HTML5). Il s'agit de la valeur par défaut quand l'attribut n'est pas renseigné.
  • _blank: Charge la réponse dans une nouvelle fenêtre HTML4 non nommée (ou contexte de navigation HTML5).
  • _parent: Charge la réponse dans le {{ HTMLElement("frameset") }} HTML4 parent de la frame courante (ou le contexte de navigation HTML5 parent, par rapport à l'actuel). S'il n'y a pas de parent, l'option se comporte de la même façon que _self.
  • _top: Dans HTML4 : Charge la réponse dans la fenêtre originale, annulant toutes les autres frames. Dans HTML5 : Charge la réponse dans le contexte de navigation de plus haut niveau (c'est à dire, le contexte de navigation parent par rapport à l'actuel, et qui n'a lui-même aucun parent). S'il n'y a pas de parent, l'option se comporte de la même façon que _self.
Utilisez cet attribut seulement si l'attribut href est présent.
{{ htmlattrdef("type") }}
Cet attribut indique le type de média de la cible du lien, sous la forme d'un type MIME. Généralement, il s'agit d'une information purement indicative ; mais, dans le futur, un navigateur pourrait afficher une petite icone correspondant au type de média. Par exemple, un navigateur pourrait ajouter une petite icone d'enceinte quand le type est défini à audio/wav. Pour une liste complète des types MIME reconnus, consultez http://www.w3.org/TR/html4/references.html#ref-MIMETYPES. Utilisez cet attribut seulement si l'attribut href est présent.
{{ htmlattrdef("urn") }} {{ Non-standard_inline() }}
Cet attribut supposément supporté par Microsoft, définit une URN (Uniform Resource Name) pour le lien. Bien qu'il soit basé sur des travaux de standardisation datant de plusieurs années, le sens des URNs n'est pas encore très bien défini, cet attribut n'est donc pas très utile. Propriété urn (MSDN)

Exemple

<!-- Hyperlien vers une ressource externe -->
<a href="http://www.mozilla.com/">
Hyperlien
</a>

Résultat

Hyperlien

Spécifications

Spécification Statut Commentaires
{{SpecName('HTML WHATWG', 'text-level-semantics.html#the-a-element', '<a>')}} {{Spec2('HTML WHATWG')}}  
{{SpecName('HTML5 W3C', 'the-a-element.html#the-a-element', '<a>')}} {{Spec2('HTML5 W3C')}}  
{{SpecName('HTML4.01', 'struct/links.html#h-12.2', '<a>')}} {{Spec2('HTML4.01')}}  

Compatibilité des navigateurs

{{CompatibilityTable}}

Fonctionnalité Chrome Firefox (Gecko) Internet Explorer Opera Safari
Support basique {{CompatVersionUnknown}} {{CompatGeckoDesktop("1.0")}} {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}}
href="#top" {{CompatVersionUnknown}} {{CompatGeckoDesktop("10.0")}} {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}}
{{htmlattrxref("download","a")}} 14 {{CompatGeckoDesktop("20.0")}} {{CompatNo}} {{CompatNo}} {{CompatUnknown}}
Fonctionnalité Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Support basique {{CompatVersionUnknown}} {{CompatGeckoMobile("1.0")}} {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}}
href="#top" {{CompatVersionUnknown}} {{CompatGeckoMobile("10.0")}} {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}}
{{htmlattrxref("download","a")}} {{CompatVersionUnknown}} {{CompatGeckoMobile("20.0")}} {{CompatNo}} {{CompatUnknown}} {{CompatUnknown}}

Notes

Les raccourcis clavier suivant sont réservés par deux des principaux navigateurs, et ne doivent pas être utilisé comme valeur pour accesskey : a, c, e, f, g, h, v, flêche droite et flêche gauche.

HTML 3.2 définit seulement name, href, rel, rev, et title.

L'attribut target n'est pas défini dans les navigateurs qui ne supportent pas les frames, tel que les navigateurs de la génération Netscape 1. De plus, target n'est pas autorisé dans les variantes stricts de XHTML, mais limité à frameset et transitional.

Recommandations JavaScript

Les éléments <a> sont souvent utilisés avec l'évènement onclick. Pour éviter à la page d'être rafraîchie, href est souvent défini soit à "#" ou "javascript:void(0)". Ces deux valeurs peuvent amener des erreurs inattendues quand les liens sont copiés, ou ouvert dans une nouvelle fenêtre ou onglet. Faîtes y attention pour des questions d'utilisabilité, quand vous utilisez des <a> et que vous désactivez son comportement par défaut.

Voir également

Autres éléments de sémantique au niveau texte : {{HTMLElement("abbr")}}, {{HTMLElement("em")}}, {{HTMLElement("strong")}}, {{HTMLElement("small")}}, {{HTMLElement("cite")}}, {{HTMLElement("q")}}, {{HTMLElement("dfn")}}, {{HTMLElement("time")}}, {{HTMLElement("code")}}, {{HTMLElement("var")}}, {{HTMLElement("samp")}}, {{HTMLElement("kbd")}}, {{HTMLElement("sub")}}, {{HTMLElement("sup")}}, {{HTMLElement("b")}}, {{HTMLElement("i")}}, {{HTMLElement("mark")}}, {{HTMLElement("ruby")}}, {{HTMLElement("rp")}}, {{HTMLElement("rt")}}, {{HTMLElement("bdo")}}, {{HTMLElement("span")}}, {{HTMLElement("br")}}, {{HTMLElement("wbr")}}.

{{ HTML:Element_Navigation() }}

Source de la révision

<h2 id="R.C3.A9sum.C3.A9">Résumé</h2>
<p>L'<strong>élément HTML <code>&lt;a&gt;</code></strong> (pour <em>anchor</em>) définit un hyperlien, une cible de destination nommée pour un hyperlien, ou les deux à la fois.</p>
<ul class="htmlelt">
  <li><dfn><a href="/fr/docs/Web/HTML/Catégorie_de_contenu" title="/fr/docs/HTML/Catégorie_de_contenu">Catégories de contenu&nbsp;</a></dfn><a href="/fr/docs/Web/HTML/Catégorie_de_contenu#Contenu_de_flux" title="/fr/docs/HTML/Catégorie_de_contenu#Contenu_de_flux">Contenu de flux</a>, <a href="/fr/docs/Web/HTML/Cat%C3%A9gorie_de_contenu#Contenu_phras.C3.A9" title="/fr/docs/HTML/Cat%C3%A9gorie_de_contenu#Contenu_phras.C3.A9">contenu phrasé</a>, <a href="/fr/docs/Web/HTML/Catégorie_de_contenu#Contenu_interactif" title="/fr/docs/Web/HTML/Catégorie_de_contenu#Contenu_interactif">contenu interactif</a>, contenu palpable.</li>
  <li><dfn>Contenu autorisé </dfn><a href="/fr/docs/Web/HTML/Catégorie_de_contenu#Mod.C3.A8le_de_contenu_transparent" title="/fr/docs/Web/HTML/Catégorie_de_contenu#Mod.C3.A8le_de_contenu_transparent">Transparent</a>, contenant soit des <a href="/fr/docs/Web/HTML/Catégorie_de_contenu#Contenu_de_flux" title="/fr/docs/HTML/Catégorie_de_contenu#Contenu_de_flux">contenus de flux</a> ou des <a href="/fr/docs/Web/HTML/Cat%C3%A9gorie_de_contenu#Contenu_phras.C3.A9" title="/fr/docs/HTML/Cat%C3%A9gorie_de_contenu#Contenu_phras.C3.A9">contenus phrasé</a>,</li>
  <li><dfn>Omission de balises </dfn> {{no_tag_omission}}</li>
  <li><dfn>Élément parents autorisés </dfn>Tout élément acceptant du <a href="/fr/docs/Web/HTML/Cat%C3%A9gorie_de_contenu#Contenu_phras.C3.A9" title="/fr/docs/HTML/Cat%C3%A9gorie_de_contenu#Contenu_phras.C3.A9">contenu phrasé</a>, ou tout élément acceptant du <a href="/fr/docs/Web/HTML/Catégorie_de_contenu#Contenu_de_flux" title="/fr/docs/HTML/Catégorie_de_contenu#Contenu_de_flux">contenu de flux</a>.</li>
  <li><dfn>Interface DOM </dfn> {{domxref("HTMLAnchorElement")}}.</li>
</ul>
<h2 id="Attributs">Attributs</h2>
<p>Comme tous les autres éléments HTML, cet élément accepte les <a href="/fr/docs/Web/HTML/Global_attributes" title="/fr/docs/HTML/Global_attributes">attributs globaux</a>.</p>
<dl>
  <dt>
    {{ htmlattrdef("charset") }} {{ obsoleteGeneric("inline","HTML5") }}</dt>
  <dd>
    Cet attribut définit le jeu de caractères de la ressource liée. La valeur est une liste de jeux de caractères (défini dans <a class="external" href="http://tools.ietf.org/html/rfc2045" title="http://tools.ietf.org/html/rfc2045">RFC 2045</a>) séparés par des espaces ou des virgules. La valeur par défaut est ISO-8859-1.<br />
    <div class="note">
      <p><strong>Note d'utilisation : </strong>Cet attribut est obsolète en HTML5, et <strong>ne doit plus être utilisé</strong> par les auteurs. Pour obtenir le même effet, utilisez l'entête HTTP Content-Type sur la ressource liée.</p>
    </div>
  </dd>
  <dt>
    {{ htmlattrdef("coords") }} {{ HTMLVersionInline(4) }} seulement, {{ obsoleteGeneric("inline","HTML5") }}</dt>
  <dd>
    Pour utiliser avec des objets formes. Cet attribut utilise une liste de nombres séparés par des virgules, définissant les coordonnées de l'objet sur la page.</dd>
  <dt>
    {{ htmlattrdef("datafld") }} {{ Non-standard_inline() }}</dt>
  <dd>
    Cet attribut définit le nom de la colonne pour l'objet data source qui fournit les données associées.<br />
    <div class="note">
      <p><strong>Note d'utilisation </strong><strong>: </strong>Cet attribut est obsolète en HTML5, et <strong>ne doit plus être utilisé</strong> par les auteurs. Pour obtenir le même effet, utilisez des scripts et un mécanisme comme <a href="/fr/docs/XMLHttpRequest" title="/fr/docs/XMLHttpRequest">XMLHttpRequest</a> pour modifier la page dynamiquement.</p>
    </div>
    <table class="fullwidth-table">
      <tbody>
        <tr>
          <td rowspan="2">Support</td>
          <td>Gecko</td>
          <td>Presto</td>
          <td>WebKit</td>
          <td>Trident</td>
        </tr>
        <tr>
          <td>Non implémenté</td>
          <td>Non implémenté</td>
          <td>Non implémenté</td>
          <td>IE4, IE5, IE6, IE7 (Retiré dans IE8)</td>
        </tr>
        <tr>
          <td>Document normatif</td>
          <td colspan="4"><a class="external" href="http://msdn.microsoft.com/en-us/library/ms533703%28VS.85%29.aspx">Microsoft's Data Binding: dataFld Property (MSDN)</a></td>
        </tr>
      </tbody>
    </table>
  </dd>
  <dt>
    {{ htmlattrdef("datasrc") }} {{ Non-standard_inline() }}</dt>
  <dd>
    Cet attribut définit l'ID de l'objet data source qui fournit les données associées à l'élément.<br />
    <div class="note">
      <p><strong>Note d'utilisation </strong><strong>: </strong>Cet attribut est obsolète en HTML5, et <strong>ne doit plus être utilisé</strong> par les auteurs. Pour obtenir le même effet, utilisez des scripts et un mécanisme comme <a href="/fr/docs/XMLHttpRequest" title="/fr/docs/XMLHttpRequest">XMLHttpRequest</a> pour modifier la page dynamiquement.</p>
    </div>
    <table class="fullwidth-table">
      <tbody>
        <tr>
          <td rowspan="2">Support</td>
          <td>Gecko</td>
          <td>Presto</td>
          <td>WebKit</td>
          <td>Trident</td>
        </tr>
        <tr>
          <td>Non implémenté</td>
          <td>Non implémenté</td>
          <td>Non implémenté</td>
          <td>IE4, IE5, IE6, IE7 (Retiré dans IE8)</td>
        </tr>
        <tr>
          <td>Document normatif</td>
          <td colspan="4"><a class="external" href="http://msdn.microsoft.com/en-us/library/ms533709(VS.85).aspx" title="http://msdn.microsoft.com/en-us/library/ms533709(VS.85).aspx">Microsoft's Data Binding: dataSrc Property (MSDN)</a></td>
        </tr>
      </tbody>
    </table>
  </dd>
  <dt>
    {{ htmlattrdef("download") }} {{ HTMLVersionInline(5) }}</dt>
  <dd>
    Cet attribut, si présent, indique que l'auteur souhaite que le lien soit utilisé pour télécharger la ressource pour que, lorsque l'utilisateur clique dessus, il lui soit proposé d'enregistrer la cible du lien comme un fichier local. Si l'attribut a une valeur, le navigateur doit l'interpréter comme le nom de fichier par défaut pour l'invite qui s'ouvre quand l'utilisateur clique sur le lien (bien sûr, l'utilisateur pourra modifier le nom de fichier avant de cliquer sur Enregistrer). Il n'y a aucune limitation sur les valeurs autorisées, mais vous devez vous souvenir que la plupart des systèmes de fichiers ont des limitations concernant la ponctuation dans les noms de fichier, et les navigateurs procèderont sûrement à des ajustements en conséquence.<br />
    <div class="note">
      <p><strong>Note :</strong> Vous pouvez utiliser des URL <a href="/fr/docs/DOM/window.URL.createObjectURL" title="/en-US/docs/Web/API/URL.createObjectURL"><code>blob:</code></a>, <code>data:</code> et <code>filesystem:</code>, pour rendre plus facile à vos utilisateurs le téléchargement de contenus générés par un programme JavaScript (ex : une image générée automatiquement). Si l'en-tête HTTP <code>Content-Disposition: </code>est présent et fournit un nom de fichier différent que celui fourni par l'attribut alors c'est l'en-tête HTTP qui prime sur l'attribut. Si l'attribut est présent et que <code>Content-Disposition: </code>vaut <code>inline</code> Firefox donnera la priorité à l'en-tête alors que Chrome donnera la priorité à l'attribut. Dans <a href="/fr/docs/Mozilla/Firefox/Versions/20" title="/fr/docs/Mozilla/Firefox/Versions/20">Firefox 20</a>, cet attribut n'est respecté que pour les liens des ressources de même origine.</p>
    </div>
  </dd>
  <dt>
    {{ htmlattrdef("href") }}</dt>
  <dd>
    Il s'agit du seul attribut obligatoire pour définir un hyperlien. Il indique la cible du lien, soit une URL, soit un fragment d'URL. Un fragment d'URL est un nom précédé par un #, qui indique une cible interne au document (un <a href="/fr/docs/Web/HTML/Global_attributes#id" title="/fr/docs/Web/HTML/Global_attributes#id">ID</a>). Les URLs ne se limitent pas au documents Web sur HTTP. Les URLs peuvent utiliser n'importe quel protocole supporté par le navigateur. Par exemple, <code>file</code>, <code>ftp</code> et <code>mailto</code> fonctionnent dans la majorité des agents-utilisateur.<br />
    <div class="note">
      <p><strong>Note :</strong> Vous pouvez utiliser le fragment spécial "<code>top</code>" pour créer un lien de retour vers le haut de la page ; par exemple <code>&lt;a href="#top"&gt;Retourner en haut&lt;/a&gt;</code>. <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/history.html#scroll-to-fragid" title="http://www.whatwg.org/specs/web-apps/current-work/multipage/history.html#scroll-to-fragid">Ce comportement est défini par HTML5</a>.</p>
    </div>
  </dd>
  <dt>
    {{ htmlattrdef("hreflang") }}</dt>
  <dd>
    Cet attribut indique la langue de la ressource liée. Il est purement indicatif. Les valeurs permises pour HTML5 sont définies par <a class="external" href="http://www.ietf.org/rfc/bcp/bcp47.txt" title="http://www.ietf.org/rfc/bcp/bcp47.txt">BCP47</a> et pour HTML 4 par <a class="external" href="http://www.ietf.org/rfc/rfc1766.txt" title="http://www.ietf.org/rfc/rfc1766.txt">RFC1766</a>. Utilisez cet attribut seulement si l'attribut {{ htmlattrxref("href", "a") }} est présent.</dd>
  <dt>
    {{ htmlattrdef("media") }} {{ HTMLVersionInline(5) }}</dt>
  <dd>
    Cet attribut indique le media pour lequel la ressource liée a été conçue. Sa valeur doit être une <a href="/fr/docs/CSS/Media_queries" title="/fr/docs/CSS/Media_queries">media query</a> (requête média).&nbsp; Si omis, sa valeur par défaut est "<code>all</code>". La valeur de cet attribut est purement indicative.</dd>
  <dt>
    {{ htmlattrdef("methods") }} {{ Non-standard_inline() }}</dt>
  <dd>
    La valeur de cet attribut fournit des informations sur les fonctions qui peuvent être exécutées sur un objet. Les valeurs sont généralement données par le protocol HTTP quand il est utilisé, mais il peut être utile d'inclure des informations additionnelles à l'avance sur le lien. Par exemple, le navigateur pourrait choisir un rendu différent du lien en fonction de la méthode renseignée ; quelque chose de « cherchable » pourrait avoir une icône différente, ou un lien sortant pourra être rendu avec une information indiquant le sortie du site actuel. Cet attribut n'est pas très bien compris, ni supporté, même par le navigateur qui l'a défini, Internet Explorer 4. <a class="external" href="http://msdn.microsoft.com/en-us/library/ms534168(VS.85).aspx">Propriété Methods (MSDN)</a></dd>
  <dt>
    {{ htmlattrdef("name") }} {{ HTMLVersionInline(4) }} seulement, {{ obsoleteGeneric("inline","HTML5") }}</dt>
  <dd>
    Cet attribut est utilisé pour définir une ancre cible au sein de la page. La valeur de <code><strong>name</strong></code> est similaire à la valeur de l'attribut global <code><strong>id</strong></code>, et doit être un identifiant alphanumérique unique au document. Sous la spécification HTML 4.01, <code><strong>id</strong></code> et <code><strong>name</strong></code> peuvent être tous les deux utilisés sur un élément <code>&lt;a&gt;</code> s'ils ont des valeurs indentiques.<br />
    <div class="note">
      <p><strong>Note d'utilisation </strong><strong>:</strong> Cet attribut est obsolète en HTML5, utilisez l'<a href="/fr/docs/Web/HTML/Global_attributes#id" title="/fr/docs/Web/HTML/Global_attributes#id">attribut global <strong>id</strong></a> à la place.</p>
    </div>
  </dd>
  <dt>
    {{ htmlattrdef("ping") }} {{ HTMLVersionInline(5) }}</dt>
  <dd>
    Le support de <code>ping</code> a été désactivé à partir de Firefox 3 beta 3.{{ Bug(415168) }}</dd>
  <dt>
    {{ htmlattrdef("rel") }}</dt>
  <dd>
    Pour les éléments <code>&lt;a&gt;</code> avec un attribut <code><strong>href</strong></code>, cet attribut indique la relation entre la cible du lien et l'objet faisant le lien. La valeur est une liste de relations séparées par des espaces. Les valeurs disponibles et la sémantique seront définies par une autorité tierce. La relation par défaut, si aucune n'a été définie, est nulle. Utilisez seulement cet attribut si l'élément possède un attribut <code><strong>href</strong></code>.</dd>
  <dt>
    {{ htmlattrdef("rev") }} {{ HTMLVersionInline(4) }} seulement, {{ obsoleteGeneric("inline","HTML5") }}</dt>
  <dd>
    L'attribut indique un lien inversé : la relation inverse de l'attribut <strong><code>rel</code></strong>. Il est utile pour indiquer l'origine d'un objet, tel que l'auteur d'un document.</dd>
</dl>
<dl>
  <dt>
    {{ htmlattrdef("shape") }} {{ HTMLVersionInline(4) }} seulement, {{ obsoleteGeneric("inline","HTML5") }}</dt>
  <dd>
    Cet attribut est utilisé pour définir une zone cliquable pour un lien associé à une image, pour créer une image map. Les valeurs pour cet attribut sont <code>circle</code>, <code>default</code>, <code>polygon</code>, et <code>rect</code>. Le format de l'attribut <code><strong>coords</strong></code> dépend de la valeur de <strong><code>shape</code></strong>. Pour <code>circle</code>, la valeur est <code>x,y,r</code> où <code>x</code> et <code>y</code> sont les coordonnées en pixel pour le centre du cercle et <code>r</code> est le rayon du cercle en pixel. Pour <code>rect</code>, l'attribut <code><strong>coords</strong></code> doit être <code>x,y,w,h</code>. Les valeurs <code>x,y</code> définissent le coin supérieur gauche du rectangle, pendant <code>w</code> et <code>h</code> définissent respectivement la largeur et la hauteur. Une valeur <code>polygon</code> pour <strong>shape</strong> nécessite les valeurs <code>x1,y1,x2,y2,...</code> pour <code><strong>coords</strong></code>. Chaque paire de <code>x,y</code> définissent un point du polygone, avec les points successifs joints par des lignes droites, et le dernier point joint au premier. La valeur <code>default</code> pour <strong><code>shape</code></strong> nécessite que la totalité de la zone, habituellement une image, soit utilisée.
    <div class="note">
      <strong>Note :</strong> Il est préférable d'utiliser l'attribut <code><strong>usemap</strong></code> de l'élément {{ HTMLElement("img") }} et l'élément {{ HTMLElement("map") }} associé, pour définir des zones d'actions, à la place de l'attribut <strong><code>shape</code></strong>.</div>
  </dd>
  <dt>
    {{ htmlattrdef("target") }}</dt>
  <dd>
    Cet attribut indique où afficher la ressource liée. En HTML4, il s'agit du nom, ou du mot-clé, d'une frame. En HTML5, il s'agit du nom, ou du mot-clé, d'un <em>contexte de navigation</em> (par exemple, un onglet, une fenêtre, ou une {{ HTMLElement("iframe") }}). Les mots-clés suivants ont un sens particulier :
    <ul>
      <li><code>_self</code>: Charge la réponse dans la frame HTML4 actuelle (ou contexte de navigation HTML5). Il s'agit de la valeur par défaut quand l'attribut n'est pas renseigné.</li>
      <li><code>_blank</code>: Charge la réponse dans une nouvelle fenêtre HTML4 non nommée (ou contexte de navigation HTML5).</li>
      <li><code>_parent</code>: Charge la réponse dans le {{ HTMLElement("frameset") }} HTML4 parent de la frame courante (ou le contexte de navigation HTML5 parent, par rapport à l'actuel). S'il n'y a pas de parent, l'option se comporte de la même façon que <code>_self</code>.</li>
      <li><code>_top</code>: Dans HTML4 : Charge la réponse dans la fenêtre originale, annulant toutes les autres frames. Dans HTML5 : Charge la réponse dans le contexte de navigation de plus haut niveau (c'est à dire, le contexte de navigation parent par rapport à l'actuel, et qui n'a lui-même aucun parent). S'il n'y a pas de parent, l'option se comporte de la même façon que <code>_self</code>.</li>
    </ul>
    Utilisez cet attribut seulement si l'attribut <code><strong>href</strong></code> est présent.</dd>
  <dt>
    {{ htmlattrdef("type") }}</dt>
  <dd>
    Cet attribut indique le type de média de la cible du lien, sous la forme d'un type MIME. Généralement, il s'agit d'une information purement indicative ; mais, dans le futur, un navigateur pourrait afficher une petite icone correspondant au type de média. Par exemple, un navigateur pourrait ajouter une petite icone d'enceinte quand le type est défini à <code>audio/wav</code>. Pour une liste complète des types MIME reconnus, consultez <a class="linkification-ext external" href="http://www.w3.org/TR/html4/references.html#ref-MIMETYPES" title="Linkification: http://www.w3.org/TR/html4/references.html#ref-MIMETYPES">http://www.w3.org/TR/html4/references.html#ref-MIMETYPES</a>. Utilisez cet attribut seulement si l'attribut <code><strong>href</strong></code> est présent.</dd>
  <dt>
    {{ htmlattrdef("urn") }} {{ Non-standard_inline() }}</dt>
  <dd>
    Cet attribut supposément supporté par Microsoft, définit une URN (<em>Uniform Resource Name</em>) pour le lien. Bien qu'il soit basé sur des travaux de standardisation datant de plusieurs années, le sens des URNs n'est pas encore très bien défini, cet attribut n'est donc pas très utile. <a class="external" href="http://msdn.microsoft.com/en-us/library/ms534710(VS.85).aspx">Propriété urn (MSDN)</a></dd>
</dl>
<h2 id="Exemple">Exemple</h2>
<pre class="brush: xml">
&lt;!-- Hyperlien vers une ressource externe --&gt;
&lt;a href="<a class="linkification-ext" href="http://www.mozilla.com/" title="Linkification: http://www.mozilla.com/">http://www.mozilla.com/</a>"&gt;
Hyperlien
&lt;/a&gt;
</pre>
<h3 id="Result" name="Result">Résultat</h3>
<p><a class="external" href="http://www.mozilla.com/">Hyperlien</a></p>
<h2 id="Sp.C3.A9cifications">Spécifications</h2>
<table class="standard-table">
  <thead>
    <tr>
      <th scope="col">Spécification</th>
      <th scope="col">Statut</th>
      <th scope="col">Commentaires</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>{{SpecName('HTML WHATWG', 'text-level-semantics.html#the-a-element', '&lt;a&gt;')}}</td>
      <td>{{Spec2('HTML WHATWG')}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{SpecName('HTML5 W3C', 'the-a-element.html#the-a-element', '&lt;a&gt;')}}</td>
      <td>{{Spec2('HTML5 W3C')}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{SpecName('HTML4.01', 'struct/links.html#h-12.2', '&lt;a&gt;')}}</td>
      <td>{{Spec2('HTML4.01')}}</td>
      <td>&nbsp;</td>
    </tr>
  </tbody>
</table>
<h2 id="Compatibilit.C3.A9_des_navigateurs">Compatibilité des navigateurs</h2>
<p>{{CompatibilityTable}}</p>
<div id="compat-desktop">
  <table class="compat-table">
    <tbody>
      <tr>
        <th>Fonctionnalité</th>
        <th>Chrome</th>
        <th>Firefox (Gecko)</th>
        <th>Internet Explorer</th>
        <th>Opera</th>
        <th>Safari</th>
      </tr>
      <tr>
        <td>Support basique</td>
        <td>{{CompatVersionUnknown}}</td>
        <td>{{CompatGeckoDesktop("1.0")}}</td>
        <td>{{CompatVersionUnknown}}</td>
        <td>{{CompatVersionUnknown}}</td>
        <td>{{CompatVersionUnknown}}</td>
      </tr>
      <tr>
        <td><code>href="#top"</code></td>
        <td>{{CompatVersionUnknown}}</td>
        <td>{{CompatGeckoDesktop("10.0")}}</td>
        <td>{{CompatVersionUnknown}}</td>
        <td>{{CompatVersionUnknown}}</td>
        <td>{{CompatVersionUnknown}}</td>
      </tr>
      <tr>
        <td>{{htmlattrxref("download","a")}}</td>
        <td>14</td>
        <td>{{CompatGeckoDesktop("20.0")}}</td>
        <td>{{CompatNo}}</td>
        <td>{{CompatNo}}</td>
        <td>{{CompatUnknown}}</td>
      </tr>
    </tbody>
  </table>
</div>
<div id="compat-mobile">
  <table class="compat-table">
    <tbody>
      <tr>
        <th>Fonctionnalité</th>
        <th>Android</th>
        <th>Firefox Mobile (Gecko)</th>
        <th>IE Mobile</th>
        <th>Opera Mobile</th>
        <th>Safari Mobile</th>
      </tr>
      <tr>
        <td>Support basique</td>
        <td>{{CompatVersionUnknown}}</td>
        <td>{{CompatGeckoMobile("1.0")}}</td>
        <td>{{CompatVersionUnknown}}</td>
        <td>{{CompatVersionUnknown}}</td>
        <td>{{CompatVersionUnknown}}</td>
      </tr>
      <tr>
        <td><code>href="#top"</code></td>
        <td>{{CompatVersionUnknown}}</td>
        <td>{{CompatGeckoMobile("10.0")}}</td>
        <td>{{CompatVersionUnknown}}</td>
        <td>{{CompatVersionUnknown}}</td>
        <td>{{CompatVersionUnknown}}</td>
      </tr>
      <tr>
        <td>{{htmlattrxref("download","a")}}</td>
        <td>{{CompatVersionUnknown}}</td>
        <td>{{CompatGeckoMobile("20.0")}}</td>
        <td>{{CompatNo}}</td>
        <td>{{CompatUnknown}}</td>
        <td>{{CompatUnknown}}</td>
      </tr>
    </tbody>
  </table>
</div>
<h2 id="Notes">Notes</h2>
<p>Les raccourcis clavier suivant sont réservés par deux des principaux navigateurs, et ne doivent pas être utilisé comme valeur pour <code>accesskey</code> : a, c, e, f, g, h, v, flêche droite et flêche gauche.</p>
<p>HTML 3.2 définit seulement <code><strong>name</strong></code>, <code><strong>href</strong></code>, <code><strong>rel</strong></code>, <code><strong>rev</strong></code>, et <code><strong>title</strong></code>.</p>
<p>L'attribut <code><strong>target</strong></code> n'est pas défini dans les navigateurs qui ne supportent pas les frames, tel que les navigateurs de la génération Netscape 1. De plus, <code>target</code> n'est pas autorisé dans les variantes stricts de <a href="/fr/docs/XHTML" title="en-US/docs/XHTML">XHTML</a>, mais limité à frameset et transitional.</p>
<h3 id="Recommandations_JavaScript">Recommandations JavaScript</h3>
<p>Les éléments <code>&lt;a&gt;</code> sont souvent utilisés avec l'évènement <code>onclick</code>. Pour éviter à la page d'être rafraîchie, <strong><code>href</code></strong> est souvent défini soit à "#" ou "javascript:void(0)". Ces deux valeurs peuvent amener des erreurs inattendues quand les liens sont copiés, ou ouvert dans une nouvelle fenêtre ou onglet. Faîtes y attention pour des questions d'utilisabilité, quand vous utilisez des <code>&lt;a&gt;</code> et que vous désactivez son comportement par défaut.</p>
<h2 id="Voir_.C3.A9galement">Voir également</h2>
<p>Autres éléments de sémantique au niveau texte : {{HTMLElement("abbr")}}, {{HTMLElement("em")}}, {{HTMLElement("strong")}}, {{HTMLElement("small")}}, {{HTMLElement("cite")}}, {{HTMLElement("q")}}, {{HTMLElement("dfn")}}, {{HTMLElement("time")}}, {{HTMLElement("code")}}, {{HTMLElement("var")}}, {{HTMLElement("samp")}}, {{HTMLElement("kbd")}}, {{HTMLElement("sub")}}, {{HTMLElement("sup")}}, {{HTMLElement("b")}}, {{HTMLElement("i")}}, {{HTMLElement("mark")}}, {{HTMLElement("ruby")}}, {{HTMLElement("rp")}}, {{HTMLElement("rt")}}, {{HTMLElement("bdo")}}, {{HTMLElement("span")}}, {{HTMLElement("br")}}, {{HTMLElement("wbr")}}.</p>
<p>{{ HTML:Element_Navigation() }}</p>
Revenir à cette révision