diff options
Diffstat (limited to 'files/fr/web/html/element/a/index.html')
| -rw-r--r-- | files/fr/web/html/element/a/index.html | 72 |
1 files changed, 30 insertions, 42 deletions
diff --git a/files/fr/web/html/element/a/index.html b/files/fr/web/html/element/a/index.html index ef41ac41a5..786964fa38 100644 --- a/files/fr/web/html/element/a/index.html +++ b/files/fr/web/html/element/a/index.html @@ -18,7 +18,7 @@ browser-compat: html.elements.a --- <div>{{HTMLRef}}</div> -<p class="summary">L'élément HTML <strong><code><a></code></strong> (pour ancre ou <i>anchor</i> en anglais), avec <a href="#href">son attribut <code>href</code></a>, crée un lien hypertexte vers des pages web, des fichiers, des adresses e-mail, des emplacements se trouvant dans la même page, ou tout ce qu'une URL peut adresser. Le contenu de chaque élément <code><a></code> <b>doit</b> indiquer la destination du lien. Si <a href="#href">l'attribut <code>href</code></a> est présent, appuyer sur la touche entrée en se concentrant sur l'élément <code><a></code> l'activera.</p> +<p>L'élément HTML <strong><code><a></code></strong> (pour ancre ou <i>anchor</i> en anglais), avec <a href="#href">son attribut <code>href</code></a>, crée un lien hypertexte vers des pages web, des fichiers, des adresses e-mail, des emplacements se trouvant dans la même page, ou tout ce qu'une URL peut adresser. Le contenu de chaque élément <code><a></code> <b>doit</b> indiquer la destination du lien. Si <a href="#href">l'attribut <code>href</code></a> est présent, appuyer sur la touche entrée en se concentrant sur l'élément <code><a></code> l'activera.</p> <div>{{EmbedInteractiveExample("pages/tabbed/a.html")}}</div> @@ -27,20 +27,17 @@ browser-compat: html.elements.a <p>Cet élément inclut les <a href="/fr/docs/Web/HTML/Global_attributes">attributs universels</a>.</p> <dl> - <dt><strong id="attr-download"><code>download</code></strong></dt> + <dt><strong><code>download</code></strong></dt> <dd> - <ul> - <li>Sans valeur, le navigateur proposera un nom de fichier/extension, généré à partir de diverses sources : + <p>Sans valeur, le navigateur proposera un nom de fichier/extension, généré à partir de diverses sources :</p> <ul> <li>L'en-tête HTTP <a href="/fr/docs/Web/HTTP/Headers/Content-Disposition"><code>Content-Disposition</code></a></li> <li>Le segment final dans l'URL : <a href="/fr/docs/Web/API/URL/pathname">path</a></li> <li>Le <a href="/fr/docs/Glossary/MIME_type">Type MIME</a> (de l'en-tête <a href="/fr/docs/Web/HTTP/Headers/Content-Type"><code>Content-Type</code></a>, le début d'une URL <a href="/fr/docs/Web/HTTP/Basics_of_HTTP/Data_URIs"><code>data:</code></a>, ou <a href="/fr/docs/Web/API/Blob/type"><code>Blob.type</code></a> pour une URL <a href="/fr/docs/Web/API/URL/createObjectURL"><code>blob:</code></a>).</li> </ul> - </li> - <li>La définition d'une valeur la suggère comme nom de fichier. Les caractères <code>/</code> et <code>\</code> sont convertis en caractères de soulignement (<code>_</code>). Les systèmes de fichiers peuvent interdire d'autres caractères dans les noms de fichiers, les navigateurs ajusteront donc le nom suggéré si nécessaire.</li> - </ul> - <div class="notecard note"> - <p><b>Note :</b></p> + <p>La définition d'une valeur la suggère comme nom de fichier. Les caractères <code>/</code> et <code>\</code> sont convertis en caractères de soulignement (<code>_</code>). Les systèmes de fichiers peuvent interdire d'autres caractères dans les noms de fichiers, les navigateurs ajusteront donc le nom suggéré si nécessaire.</p> + <div class="note"> + <p><strong>Note :</strong></p> <ul> <li><code>download</code> ne fonctionne que pour <a href="/fr/docs/Web/Security/Same-origin_policy">les URLs de même origine</a>, ou les schémas <code>blob:</code> et <code>data:</code>.</li> <li> @@ -53,7 +50,7 @@ browser-compat: html.elements.a </ul> </div> </dd> - <dt><strong id="attr-href"><code>href</code></strong></dt> + <dt><strong><code>href</code></strong></dt> <dd> <p>L'URL vers laquelle pointe l'hyperlien. Les liens ne sont pas limités aux URL basées sur HTTP - ils peuvent utiliser n'importe quel schéma d'URL pris en charge par les navigateurs :</p> <ul> @@ -64,15 +61,15 @@ browser-compat: html.elements.a <li>Bien que les navigateurs web puissent ne pas prendre en charge d'autres schémas d'URL, les sites web le peuvent avec <a href="/fr/docs/Web/API/Navigator/registerProtocolHandler"><code>registerProtocolHandler()</code></a>.</li> </ul> </dd> - <dt><strong id="attr-hreflang"><code>hreflang</code></strong></dt> + <dt><strong><code>hreflang</code></strong></dt> <dd>Donne des indications sur le langage humain de l'URL liée. Aucune fonctionnalité intégrée. Les valeurs autorisées sont les mêmes que <a href="/fr/docs/Web/HTML/Global_attributes/lang">l'attribut global <code>lang</code></a>.</dd> - <dt><strong id="attr-ping"><code>ping</code></strong></dt> + <dt><strong><code>ping</code></strong></dt> <dd>Contient une liste d'URL séparées par des espaces vers lesquelles sont envoyées des requêtes <a href="/fr/docs/Web/HTTP/Methods/POST"><code>POST</code></a> avec le corps <code>PING</code> lorsque l'utilisateur suit le lien. Cet attribut est généralement utilisé pour tracer un utilisateur.</dd> - <dt><strong id="attr-referrerpolicy"><code>referrerpolicy</code></strong> {{experimental_inline}}</dt> + <dt><strong><code>referrerpolicy</code></strong> {{experimental_inline}}</dt> <dd>La portion du <a href="/fr/docs/Web/HTTP/Headers/Referer">referrer</a> envoyer lors du suivi du lien. Voir <a href="/fr/docs/Web/HTTP/Headers/Referrer-Policy"><code>Referrer-Policy</code></a> pour les valeurs possibles et leurs effets.</dd> - <dt><strong id="attr-rel"><code>rel</code></strong></dt> + <dt><strong><code>rel</code></strong></dt> <dd>Cet attribut indique la relation entre la cible du lien et l'objet faisant le lien. La valeur est une liste de <a href="/fr/docs/Web/HTML/Link_types">types de liens</a> séparés par des espaces.</dd> - <dt><strong id="attr-target"><code>target</code></strong></dt> + <dt><strong><code>target</code></strong></dt> <dd>Où afficher l'URL liée, comme nom d'un <em>contexte de navigation</em> (un onglet, une fenêtre ou un <a href="/fr/docs/Web/HTML/Element/iframe"><code><iframe></code></a>). Les mots-clés suivants ont des significations spéciales pour l'endroit où charger l'URL : <ul> <li><code>_self</code> : le contexte de navigation actuel. (Par défaut)</li> @@ -80,41 +77,37 @@ browser-compat: html.elements.a <li><code>_parent</code> : le contexte de navigation parent de celui en cours. S'il n'y a pas de parent, il se comporte comme <code>_self</code>.</li> <li><code>_top</code> : le contexte de navigation le plus haut (le contexte "le plus haut" qui est un ancêtre du contexte actuel). S'il n'a aucun ancêtre, il se comporte comme <code>_self</code>.</li> </ul> - <div class="notecard note"> - <p><b>Note :</b></p> - <p>Définir <code>target="_blank"</code> sur les éléments <code><a></code> fournit implicitement le même comportement <code>rel</code> que définir <a href="/fr/docs/Web/HTML/Link_types/noopener"><code>rel="noopener"</code></a> qui ne définit pas <code>window.opener</code>. Voir la <a href="#browser_compatibility">compatibilité des navigateurs</a> pour le support.</p> + <div class="note"> + <p><strong>Note :</strong>Définir <code>target="_blank"</code> sur les éléments <code><a></code> fournit implicitement le même comportement <code>rel</code> que définir <a href="/fr/docs/Web/HTML/Link_types/noopener"><code>rel="noopener"</code></a> qui ne définit pas <code>window.opener</code>. Voir la <a href="#browser_compatibility">compatibilité des navigateurs</a> pour le support.</p> </div> </dd> - <dt><strong id="attr-type"><code>type</code></strong></dt> + <dt><strong><code>type</code></strong></dt> <dd>Donne des indications sur le format de l'URL liée avec un <a href="/fr/docs/Glossary/MIME_type">Type MIME</a>. Aucune fonctionnalité intégrée.</dd> </dl> <h3 id="deprecated_attributes">Attributs obsolètes</h3> <dl> - <dt id="charset"><strong id="attr-charset"><code>charset</code></strong> {{Deprecated_Inline}}</dt> + <dt><strong><code>charset</code></strong> {{Deprecated_Inline}}</dt> <dd>Fait allusion aux <a href="/fr/docs/Glossary/character_encoding">encodages des caractères</a> de l'URL liée. - <div class="notecard note"> - <p><b>Note :</b></p> - <p>Cet attribut est déprécié et <strong>ne doit pas être utilisé par les auteurs</strong>. Utilisez l'en-tête HTTP <a href="/fr/docs/Web/HTTP/Headers/Content-Type"><code>Content-Type</code></a> sur l'URL liée.</p> + <div class="note"> + <p><strong>Note :</strong>Cet attribut est déprécié et <strong>ne doit pas être utilisé par les auteurs</strong>. Utilisez l'en-tête HTTP <a href="/fr/docs/Web/HTTP/Headers/Content-Type"><code>Content-Type</code></a> sur l'URL liée.</p> </div> </dd> - <dt id="coords"><strong id="attr-coords"><code>coords</code></strong> {{Deprecated_Inline}}</dt> + <dt><strong><code>coords</code></strong> {{Deprecated_Inline}}</dt> <dd>Utilisé avec <a href="#shape">l'attribut <code>shape</code></a>. Une liste de coordonnées séparées par des virgules.</dd> - <dt id="name"><strong id="attr-name"><code>name</code></strong> {{Deprecated_Inline}}</dt> + <dt><strong><code>name</code></strong> {{Deprecated_Inline}}</dt> <dd>Était nécessaire pour définir un emplacement cible possible dans une page. En HTML 4.01, <code>id</code> et <code>name</code> pouvaient tous deux être utilisés sur <code><a></code>, pour autant qu'ils aient des valeurs identiques. - <div class="notecard note"> - <p><b>Note :</b></p> - <p>Utilisez l'attribut universel <a href="/fr/docs/Web/HTML/Global_attributes#attr-id"><code>id</code></a> à la place.</p> + <div class="note"> + <p><strong>Note :</strong>Utilisez l'attribut universel <a href="/fr/docs/Web/HTML/Global_attributes#attr-id"><code>id</code></a> à la place.</p> </div> </dd> - <dt id="rev"><strong id="attr-rev"><code>rev</code></strong> {{Deprecated_Inline}}</dt> + <dt><strong><code>rev</code></strong> {{Deprecated_Inline}}</dt> <dd>Spécifiait un lien inverse ; l'opposé de <a href="#rel">l'attribut <code>rel</code></a>. Déprécié pour avoir été très confus.</dd> - <dt id="shape"><strong id="attr-shape"><code>shape</code></strong> {{Deprecated_Inline}}</dt> + <dt><strong><code>shape</code></strong> {{Deprecated_Inline}}</dt> <dd>La forme de la région de l'hyperlien dans une carte d'image. - <div class="notecard note"> - <p><b>Note :</b></p> - <p>Utilisez plutôt l'élément <a href="/fr/docs/Web/HTML/Element/area"><code><area></code></a> pour les cartes d'images.</p> + <div class="note"> + <p><strong>Note :</strong>Utilisez plutôt l'élément <a href="/fr/docs/Web/HTML/Element/area"><code><area></code></a> pour les cartes d'images.</p> </div> </dd> </dl> @@ -178,7 +171,7 @@ browser-compat: html.elements.a <h4 id="html">HTML</h4> -<pre class="brush: html notranslate"><a href="https://www.mozilla.com"> +<pre class="brush: html"><a href="https://www.mozilla.com"> Mozilla </a></pre> @@ -194,11 +187,7 @@ browser-compat: html.elements.a <a href="/fr/docs/Web/HTML">URL relative à l'origine</a> <a href="./p">URL relative au répertoire</a></pre> -<div class="hidden"> -<h4 id="css">CSS</h4> - -<pre class="brush: css">a { display: block; margin-bottom: 0.5em }</pre> -</div> +<pre class="brush: css hidden">a { display: block; margin-bottom: 0.5em }</pre> <h4 id="result_2">Résultat</h4> @@ -214,9 +203,8 @@ browser-compat: html.elements.a <!-- Rubrique à relier --> <h2 id="section_further_down">Section plus bas</h2></pre> -<div class="notecard note"> - <p><b>Note :</b></p> - <p>Vous pouvez utiliser <code>href="#top"</code> ou le fragment vide (<code>href="#"</code>) pour créer un lien vers le haut de la page actuelle, <a href="https://html.spec.whatwg.org/multipage/browsing-the-web.html#scroll-to-the-fragment-identifier">comme défini dans la spécification HTML</a>.</p> +<div class="note"> + <p><strong>Note :</strong>Vous pouvez utiliser <code>href="#top"</code> ou le fragment vide (<code>href="#"</code>) pour créer un lien vers le haut de la page actuelle, <a href="https://html.spec.whatwg.org/multipage/browsing-the-web.html#scroll-to-the-fragment-identifier">comme défini dans la spécification HTML</a>.</p> </div> <h3 id="linking_to_an_email_address">Créer un lien avec une adresse électronique</h3> |