diff options
Diffstat (limited to 'files/fr/web/html/attributes/rel/index.html')
| -rw-r--r-- | files/fr/web/html/attributes/rel/index.html | 83 |
1 files changed, 39 insertions, 44 deletions
diff --git a/files/fr/web/html/attributes/rel/index.html b/files/fr/web/html/attributes/rel/index.html index 45c4bb4ec0..c2f3fbde6d 100644 --- a/files/fr/web/html/attributes/rel/index.html +++ b/files/fr/web/html/attributes/rel/index.html @@ -12,7 +12,7 @@ translation_of: Web/HTML/Attributes/rel --- <div>{{HTMLSidebar}}</div> -<p class="summary">L'attribut <strong><code>rel</code></strong> définit la relation entre une ressource liée et le document actuel. Valable sur <a href="/fr/docs/Web/HTML/Element/link"><code><link></code></a>, <a href="/fr/docs/Web/HTML/Element/a"><code><a></code></a>, <a href="/fr/docs/Web/HTML/Element/area"><code><area></code></a>, et <a href="/fr/docs/Web/HTML/Element/Form"><code><form></code></a>, les valeurs supportées dépendent de l'élément sur lequel se trouve l'attribut.</p> +<p>L'attribut <strong><code>rel</code></strong> définit la relation entre une ressource liée et le document actuel. Valable sur <a href="/fr/docs/Web/HTML/Element/link"><code><link></code></a>, <a href="/fr/docs/Web/HTML/Element/a"><code><a></code></a>, <a href="/fr/docs/Web/HTML/Element/area"><code><area></code></a>, et <a href="/fr/docs/Web/HTML/Element/Form"><code><form></code></a>, les valeurs supportées dépendent de l'élément sur lequel se trouve l'attribut.</p> <p>Le type de relations est donné par la valeur de l'attribut <code>rel</code>, qui, s'il est présent, doit avoir une valeur qui est un ensemble non ordonné de mots-clés uniques séparés par des espaces. À la différence d'un nom de <code>class</code>, qui n'exprime pas de sémantique, l'attribut <code>rel</code> doit exprimer des mots-clés qui sont sémantiquement valides pour les machines et les humains. Les registres actuels des valeurs possibles de l'attribut <code>rel</code> sont le <a href="https://www.iana.org/assignments/link-relations/link-relations.xhtml">registre de relations de liens de l'IANA</a>, le <a href="https://html.spec.whatwg.org/multipage/links.html#linkTypes">HTML Living Standard</a>, et la page <a href="https://microformats.org/wiki/existing-rel-values">existing-rel-values</a> librement modifiable dans le wiki microformats, <a href="https://html.spec.whatwg.org/multipage/links.html#other-link-types">comme suggéré</a> par le Living Standard. Si un attribut <code>rel</code> non présent dans l'une des trois sources ci-dessus est utilisé, certains validateurs HTML (tels que le <a href="https://validator.w3.org/">W3C Markup Validation Service</a>) généreront un avertissement.</p> @@ -218,13 +218,12 @@ translation_of: Web/HTML/Attributes/rel <p><b>Note :</b> L'iOS d'Apple n'utilise pas ce type de lien, ni l'attribut <a href="sizes"><code>sizes</code></a>, comme le font d'autres navigateurs mobiles, pour sélectionner une icône de page Web pour Web Clip ou un espace réservé au démarrage. Au lieu de cela, il utilise les attributs non standard <a href="https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html#//apple_ref/doc/uid/TP40002051-CH3-SW4"><code>apple-touch-icon</code></a> et <a href="https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html#//apple_ref/doc/uid/TP40002051-CH3-SW6"><code>apple-touch-startup-image</code></a> respectivement.</p> -<div class="notecard note"> - <p><b>Note :</b></p> - <p>Le type de lien <code>shortcut</code> est souvent vu avant <code>icon</code>, mais ce type de lien est non conforme, ignoré et <strong>les auteurs web ne doivent plus l'utiliser</strong>.</p> +<div class="note"> + <p><strong>Note :</strong>Le type de lien <code>shortcut</code> est souvent vu avant <code>icon</code>, mais ce type de lien est non conforme, ignoré et <strong>les auteurs web ne doivent plus l'utiliser</strong>.</p> </div> <dl> - <dt><code id="alternate">alternate</code></dt> + <dt><code>alternate</code></dt> <dd>Indique une représentation alternative du document actuel. Valable pour <a href="/fr/docs/Web/HTML/Element/link"><code><link></code></a>, <a href="/fr/docs/Web/HTML/Element/a"><code><a></code></a>, et <a href="/fr/docs/Web/HTML/Element/area"><code><area></code></a>, la signification dépend des valeurs des autres attributs. <ul> <li>Avec le mot clé <a href="#stylesheet"><code>stylesheet</code></a> sur un <code><link></code>, il crée une feuille de style alternative. @@ -242,24 +241,23 @@ translation_of: Web/HTML/Attributes/rel <link rel="alternate" href="/fr/pdf" hreflang="fr" type=application/pdf title="PDF Français"></pre> </li> </ul> - <div class="notecard note"> - <p><b>Note :</b></p> - <p>L'attribut obsolète <code>rev="made"</code> est traité comme <code>rel="alternate"</code>.</p> + <div class="note"> + <p><strong>Note :</strong>L'attribut obsolète <code>rev="made"</code> est traité comme <code>rel="alternate"</code>.</p> </div> </dd> - <dt><code id="author">author</code></dt> + <dt><code>author</code></dt> <dd>Indique l'auteur du document ou de l'article en cours. Pertinent pour les éléments <a href="/fr/docs/Web/HTML/Element/link"><code><link></code></a>, <a href="/fr/docs/Web/HTML/Element/a"><code><a></code></a> et <a href="/fr/docs/Web/HTML/Element/area"><code><area></code></a>, le mot-clé <code>author</code> crée un lien hypertexte. Avec <a href="/fr/docs/Web/HTML/Element/a"><code><a></code></a> et <a href="/fr/docs/Web/HTML/Element/area"><code><area></code></a>, il indique que le document lié (ou <code>mailto:</code>) fournit des informations sur l'auteur de l'ancêtre le plus proche d'un élément <a href="/fr/docs/Web/HTML/Element/article"><code><article></code></a> s'il en existe un, sinon le document entier. Pour <a href="/fr/docs/Web/HTML/Element/link"><code><link></code></a>, il représente l'auteur du document entier.</dd> - <dt><code id="bookmark">bookmark</code></dt> + <dt><code>bookmark</code></dt> <dd>Pertinent comme valeur de l'attribut <code>rel</code> pour les éléments <a href="/fr/docs/Web/HTML/Element/a"><code><a></code></a> et <a href="/fr/docs/Web/HTML/Element/area"><code><area></code></a>, le signet fournit un permalien pour la section ancêtre, qui est l'ancêtre le plus proche d'un élément <a href="/fr/docs/Web/HTML/Element/article"><code><article></code></a> ou <a href="/fr/docs/Web/HTML/Element/section"><code><section></code></a>, s'il y en a au moins un, sinon, le parent le plus proche de l'en-tête ou l'ancêtre descendant, jusqu'au suivant.</dd> - <dt><code id="canonical">canonical</code></dt> + <dt><code>canonical</code></dt> <dd>Valable pour <a href="/fr/docs/Web/HTML/Element/link"><code><link></code></a>, elle définit l'URL préférée du document actuel, ce qui est utile pour les moteurs de recherche.</dd> - <dt><code id="dns-prefetch">dns-prefetch</code></dt> + <dt><code>dns-prefetch</code></dt> <dd>Pertinent pour l'élément <a href="/fr/docs/Web/HTML/Element/link"><code><link></code></a> à la fois dans les éléments <a href="/fr/docs/Web/HTML/Element/body"><code><body></code></a> et <a href="/fr/docs/Web/HTML/Element/head"><code><head></code></a>, il indique au navigateur d'effectuer de manière préemptive la résolution DNS pour l'origine de la ressource cible. Utile pour les ressources dont l'utilisateur aura probablement besoin, elle permet de réduire la latence et donc d'améliorer les performances lorsque l'utilisateur accède effectivement aux ressources car le navigateur a effectué de manière préemptive la résolution DNS pour l'origine de la ressource spécifiée. Voir <a href="/fr/docs/Web/Performance/dns-prefetch">dns-prefetch</a> décrit dans les conseils.</dd> - <dt><code id="external">external</code></dt> + <dt><code>external</code></dt> <dd>S'appliquant à <a href="/fr/docs/Web/HTML/Element/Form"><code><form></code></a>, <a href="/fr/docs/Web/HTML/Element/a"><code><a></code></a> et <a href="/fr/docs/Web/HTML/Element/area"><code><area></code></a>, elle indique que le document référencé ne fait pas partie du site actuel. Il peut être utilisé avec des sélecteurs d'attributs pour donner un style aux liens externes d'une manière qui indique à l'utilisateur qu'il va quitter le site actuel.</dd> - <dt><code id="help">help</code></dt> + <dt><code>help</code></dt> <dd>Concerne les éléments <a href="/fr/docs/Web/HTML/Element/Form"><code><form></code></a>, <a href="/fr/docs/Web/HTML/Element/link"><code><link></code></a>, <a href="/fr/docs/Web/HTML/Element/a"><code><a></code></a> et <a href="/fr/docs/Web/HTML/Element/area"><code><area></code></a>, le mot clé <code>help</code> indique que le contenu lié fournit une aide contextuelle, fournissant des informations pour le parent de l'élément définissant l'hyperlien, et ses enfants. Lorsqu'il est utilisé dans <code><link></code>, l'aide concerne l'ensemble du document. Lorsqu'elle est incluse avec <a href="/fr/docs/Web/HTML/Element/a"><code><a></code></a> et <a href="/fr/docs/Web/HTML/Element/area"><code><area></code></a> et qu'elle est prise en charge, le <a href="/fr/docs/Web/CSS/cursor"><code>cursor</code></a> par défaut sera <code>help</code> au lieu de <code>pointer</code>.</dd> - <dt><code id="icon">icon</code></dt> + <dt><code>icon</code></dt> <dd> <p>Valable avec <a href="/fr/docs/Web/HTML/Element/link"><code><link></code></a>, la ressource liée représente l'icône, ressource de représentation de la page dans l'interface utilisateur, pour le document courant.</p> @@ -269,68 +267,65 @@ translation_of: Web/HTML/Attributes/rel <p>S'il existe plusieurs <code><link rel="icon"></code>, le navigateur utilise leurs attributs <a href="media"><code>media</code></a>, <a href="type"><code>type</code></a>, et <a href="sizes"><code>sizes</code></a> pour sélectionner l'icône la plus appropriée. Si plusieurs icônes sont également appropriées, la dernière est utilisée. Si l'icône la plus appropriée s'avère ultérieurement inappropriée, par exemple parce qu'elle utilise un format non pris en charge, le navigateur passe à l'icône suivante la plus appropriée, et ainsi de suite.</p> - <div class="notecard note"> - <p><b>Note :</b></p> - <p>Avant Firefox 83, l'attribut <a href="/fr/docs/Web/HTML/Attributes/crossorigin">crossorigin</a> n'était pas pris en charge pour <code>rel="icon"</code> ; il existe également <a href="https://bugs.chromium.org/p/chromium/issues/detail?id=1121645">un problème pour Chrome</a>.</p> + <div class="note"> + <p><strong>Note :</strong>Avant Firefox 83, l'attribut <a href="/fr/docs/Web/HTML/Attributes/crossorigin">crossorigin</a> n'était pas pris en charge pour <code>rel="icon"</code> ; il existe également <a href="https://bugs.chromium.org/p/chromium/issues/detail?id=1121645">un problème pour Chrome</a>.</p> <p>L'iOS d'Apple n'utilise pas ce type de lien, ni l'attribut <a href="sizes"><code>sizes</code></a>, comme le font d'autres navigateurs mobiles, pour sélectionner une icône de page Web pour Web Clip ou un espace réservé au démarrage. Au lieu de cela, il utilise respectivement le type non standard <a href="https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html#//apple_ref/doc/uid/TP40002051-CH3-SW4"><code>apple-touch-icon</code></a> et <a href="https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html#//apple_ref/doc/uid/TP40002051-CH3-SW6"><code>apple-touch-startup-image</code></a>.</p> <p>Le type de lien <code>shortcut</code> est souvent vu avant <code>icon</code>, mais ce type de lien est non conforme, ignoré et <strong>les auteurs web ne doivent plus l'utiliser</strong>.</p> </div> </dd> - <dt><code id="license">license</code></dt> + <dt><code>license</code></dt> <dd> <p>Valable sur les éléments <a href="/fr/docs/Web/HTML/Element/a"><code><a></code></a>, <a href="/fr/docs/Web/HTML/Element/area"><code><area></code></a>, <a href="/fr/docs/Web/HTML/Element/Form"><code><form></code></a> et <a href="/fr/docs/Web/HTML/Element/link"><code><link></code></a>, la valeur <code>license</code> indique que l'hyperlien mène à un document décrivant les informations relatives à la licence ; que le contenu principal du document actuel est couvert par la licence de droit d'auteur décrite par le document référencé. Si elle ne se trouve pas à l'intérieur de l'élément <a href="/fr/docs/Web/HTML/Element/head"><code><head></code></a>, la norme ne fait pas de distinction entre un hyperlien s'appliquant à une partie spécifique du document ou au document dans son ensemble. Seules les données de la page peuvent l'indiquer.</p> <pre class="brush: html"><link rel="license" href="#license"></pre> - <div class="notecard note"> - <p><b>Note :</b></p> - <p>Bien que reconnu, le synonyme <code>copyright</code> est incorrect et doit être évité.</p> + <div class="note"> + <p><strong>Note :</strong>Bien que reconnu, le synonyme <code>copyright</code> est incorrect et doit être évité.</p> </div> </dd> - <dt><code id="manifest">manifest</code></dt> + <dt><code>manifest</code></dt> <dd><a href="/fr/docs/Web/Manifest">Manifeste de l'application Web</a>. Nécessite l'utilisation du protocole CORS pour le « fetching cross-origin ».</dd> - <dt><code id="modulepreload">modulepreload</code></dt> + <dt><code>modulepreload</code></dt> <dd>Utile pour améliorer les performances, et pertinent pour l'élément <a href="/fr/docs/Web/HTML/Element/link"><code><link></code></a> n'importe où dans le document, la définition de <code>rel="modulepreload"</code> indique au navigateur de récupérer de manière préemptive le script (et les dépendances) et de le stocker dans la carte des modules du document pour une évaluation ultérieure. Les liens <code>modulepreload</code> peuvent garantir que la récupération du réseau se fait avec le module prêt (mais non évalué) dans la carte des modules avant qu'il ne soit nécessairement nécessaire. Voir aussi <a href="/fr/docs/Web/HTML/Link_types/modulepreload">Types de liens : <code>modulepreload</code></a>.</dd> - <dt><code id="next">next</code></dt> + <dt><code>next</code></dt> <dd>Pertinent pour les éléments <a href="/fr/docs/Web/HTML/Element/Form"><code><form></code></a>, <a href="/fr/docs/Web/HTML/Element/link"><code><link></code></a>, <a href="/fr/docs/Web/HTML/Element/a"><code><a></code></a> et <a href="/fr/docs/Web/HTML/Element/area"><code><area></code></a>, les valeurs <code>next</code> indiquent que le document actuel fait partie d'une série, et que le document suivant dans la série est le document référencé. Lorsqu'elles sont incluses dans un <code><link></code>, les navigateurs peuvent supposer que le document sera récupéré ensuite, et le traiter comme une indication de ressource.</dd> - <dt><code id="nofollow">nofollow</code></dt> + <dt><code>nofollow</code></dt> <dd>Pertinent pour les éléments <a href="/fr/docs/Web/HTML/Element/Form"><code><form></code></a>, <a href="/fr/docs/Web/HTML/Element/a"><code><a></code></a> et <a href="/fr/docs/Web/HTML/Element/area"><code><area></code></a>, le mot clé <code>nofollow</code> indique aux robots des moteurs de recherche d'ignorer la relation de lien. La relation nofollow peut indiquer que le propriétaire du document actuel ne cautionne pas le document référencé. Elle est souvent incluse par les optimiseurs de moteurs de recherche qui prétendent que leurs fermes de liens ne sont pas des pages de spam.</dd> - <dt><code id="noopener">noopener</code></dt> + <dt><code>noopener</code></dt> <dd>Cela concerne <a href="/fr/docs/Web/HTML/Element/Form"><code><form></code></a>, <a href="/fr/docs/Web/HTML/Element/a"><code><a></code></a> et <a href="/fr/docs/Web/HTML/Element/area"><code><area></code></a>, elle crée un contexte de navigation de haut niveau qui n'est pas un contexte de navigation auxiliaire si l'hyperlien créait l'un ou l'autre pour commencer (c.-à-d. a une valeur appropriée de l'attribut <code>target</code>). En d'autres termes, il fait en sorte que le lien se comporte comme si <a href="/fr/docs/Web/API/Window/opener"><code>window.opener</code></a> était nul et que <code><a href="target">target</a>="_parent"</code> était défini.<br> <br> C'est le contraire de <a href="#opener">opener</a>.</dd> - <dt><code id="noreferrer">noreferrer</code></dt> + <dt><code>noreferrer</code></dt> <dd>Pertinent pour <a href="/fr/docs/Web/HTML/Element/Form"><code><form></code></a>, <a href="/fr/docs/Web/HTML/Element/a"><code><a></code></a> et <a href="/fr/docs/Web/HTML/Element/area"><code><area></code></a>, l'inclusion de cette valeur rend le référent inconnu (aucun en-tête <code>Referer</code> ne sera inclus), et crée un contexte de navigation de haut niveau comme si <code>noopener</code> était également défini.</dd> - <dt><code id="opener">opener</code></dt> + <dt><code>opener</code></dt> <dd>Crée un contexte de navigation auxiliaire si l'hyperlien créerait autrement un contexte de navigation de haut niveau qui n'est pas un contexte de navigation auxiliaire (c.-à-d. a « <code>_blank</code> » comme valeur d'attribut <code>target</code>). Effectivement, c'est le contraire de <a href="#noopener">noopener</a>.</dd> - <dt><code id="pingback">pingback</code></dt> + <dt><code>pingback</code></dt> <dd>Donne l'adresse du serveur de retour d'appel qui gère les retours d'appel pour le document actuel.</dd> - <dt><code id="preconnect">preconnect</code></dt> + <dt><code>preconnect</code></dt> <dd>Spécifie que l'agent utilisateur doit se connecter de manière préemptive à l'origine de la ressource cible.</dd> - <dt><code id="prefetch">prefetch</code></dt> + <dt><code>prefetch</code></dt> <dd>Indique que l'agent utilisateur doit récupérer et mettre en cache de manière préemptive la ressource cible, car elle est susceptible d'être requise pour une navigation ultérieure.</dd> - <dt><code id="preload">preload</code></dt> + <dt><code>preload</code></dt> <dd>Spécifie que l'agent utilisateur doit récupérer et mettre en cache de manière préemptive la ressource cible pour la navigation actuelle en fonction de la destination potentielle donnée par l'attribut <a href="as"><code>as</code></a> (et la priorité associée à la destination correspondante).</dd> - <dt><code id="prerender">prerender</code></dt> + <dt><code>prerender</code></dt> <dd>Spécifie que l'agent utilisateur doit récupérer de manière préemptive la ressource cible et la traiter de manière à fournir une réponse plus rapide à l'avenir.</dd> - <dt><code id="prev">prev</code></dt> + <dt><code>prev</code></dt> <dd> <p>Similaire au mot-clé <a href="#next">next</a>, pertinent pour les éléments <a href="/fr/docs/Web/HTML/Element/Form"><code><form></code></a>, <a href="/fr/docs/Web/HTML/Element/link"><code><link></code></a>, <a href="/fr/docs/Web/HTML/Element/a"><code><a></code></a> et <a href="/fr/docs/Web/HTML/Element/area"><code><area></code></a>, les valeurs <code>prev</code> indiquent que le document actuel fait partie d'une série, et que le lien renvoie à un document précédent de la série est le document référencé.</p> - <div class="notecard note"> - <p><b>Note :</b></p> - <p>Le synonyme <code>previous</code> est incorrect et ne doit pas être utilisé.</p> + <div class="note"> + <p><strong>Note :</strong>Le synonyme <code>previous</code> est incorrect et ne doit pas être utilisé.</p> </div> </dd> - <dt><code id="search">search</code></dt> + <dt><code>search</code></dt> <dd> <p>Concerne les éléments <a href="/fr/docs/Web/HTML/Element/Form"><code><form></code></a>, <a href="/fr/docs/Web/HTML/Element/link"><code><link></code></a>, <a href="/fr/docs/Web/HTML/Element/a"><code><a></code></a> et <a href="/fr/docs/Web/HTML/Element/area"><code>< area></code></a>, les mots-clés <code>search</code> indiquent que l'hyperlien fait référence à un document dont l'interface est spécialement conçue pour effectuer des recherches dans le document actuel, le site et les ressources connexes, en fournissant un lien vers une ressource qui peut être utilisée pour effectuer une recherche.</p> <p>Si l'attribut <a href="type"><code>type</code></a> est défini à <code>application/opensearchdescription+xml</code>, la ressource est un <a href="/fr/docs/Web/OpenSearch">prolongateur OpenSearch</a> qui peut être facilement ajouté à l'interface de certains navigateurs comme Firefox ou Internet Explorer.</p> </dd> - <dt><code id="stylesheet">stylesheet</code></dt> + <dt><code>stylesheet</code></dt> <dd> <p>Valable pour l'élément <a href="/fr/docs/Web/HTML/Element/link"><code><link></code></a>, il importe une ressource externe à utiliser comme feuille de style. L'attribut <a href="type"><code>type</code></a> n'est pas nécessaire, car il s'agit d'une feuille de style <code>text/css</code>, puisque c'est la valeur par défaut. S'il ne s'agit pas d'une feuille de style de type <code>text/css</code>, il est préférable de déclarer le type.</p> @@ -342,7 +337,7 @@ translation_of: Web/HTML/Attributes/rel <p>Nécessite l'utilisation du protocole CORS pour la récupération inter-origine.</p> </dd> - <dt><code id="tag">tag</code></dt> + <dt><code>tag</code></dt> <dd>Valable pour les éléments <a href="/fr/docs/Web/HTML/Element/a"><code><a></code></a> et <a href="/fr/docs/Web/HTML/Element/area"><code><area></code></a>, il donne une balise (identifiée par l'adresse donnée) qui s'applique au document actuel. La valeur de la balise indique que le lien renvoie à un document, décrivant une balise s'appliquant au document sur lequel il se trouve. Ce type de lien n'est pas destiné aux balises, dans un nuage de balises, car elles s'appliquent à un groupe de pages, alors que la valeur <code>tag</code> de l'attribut <code>rel</code> concerne un seul document.</dd> </dl> @@ -350,7 +345,7 @@ translation_of: Web/HTML/Attributes/rel <dl> <dt>apple-touch-icon-precomposed</dt> - <dd> + <dd><p>Exemple d'utilisation</p> <pre class="brush: html"><!-- iPad de troisième génération avec écran Retina haute résolution : --> <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/static/img/favicon144.e7e21ca263ca.png"> <!-- iPhone avec écran Retina haute résolution : --> @@ -407,13 +402,13 @@ translation_of: Web/HTML/Attributes/rel <tr> <td>{{SpecName("HTML3.2", "#link", "<link>")}}</td> <td> - <p><span class="spec-obsolete">Obsolète</span></p> + <p>Obsolète</p> </td> <td>Ajout de <code>top</code>, <code>contents</code>, <code>index</code>, <code>glossary</code>, <code>copyright</code>, <code>next</code>, <code>previous</code>, <code>help</code> et <code>search</code>.</td> </tr> <tr> <td>{{RFC(1866, "HTML 2.0")}}</td> - <td><span class="spec-obsolete">Obsolète</span></td> + <td>Obsolète</td> <td>Définition initiale.</td> </tr> </tbody> |