From a47584de1bd47788cb5aa6178fa88b31977b2a8e Mon Sep 17 00:00:00 2001 From: tristantheb Date: Sat, 19 Jun 2021 10:25:05 +0200 Subject: UPDATE: Update translation of the HTML elements — 🛠 Priority work area (#500) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * UPDATE: Updating pages starting with A * FIX: Update missing KS to html anchor * Review HTML Element a * Review HTML Element abbr * Review HTML Element acronym * Review HTML Element address * Review HTML Element applet * Review HTML Element area * Review HTML Element article * Review HTML Element aside * Review HTML Element audio * UPDATE: Updating pages wtarting with B * Review HTML Element b * Review HTML Element base * Review HTML Element basefont * Review HTML Element bdi * Review HTML Element bdo * Review HTML Element big * Review HTML Element blink * Review HTML Element blockquote * Review HTML Element body * Review HTML Element br * Review HTML Element button * Review HTML Element button - rm HTMLRef * Review HTML Element button - lint link * UPDATE: Updating pages starting with C * UPDATE: Updating pages starting with D * UPDATE: Refresh the reference page * UPDATE: Updating pages starting with E * Review HTML Element canvas * Review HTML Element caption * Review HTML Element center * Review HTML Element cite * UPDATE: Updating pages starting with F * BCD: Update all updated pages with new BCD format * FIX: add missing bracket * Review - HTML element - code * Review - HTML Element - col * Review - HTML Element - colgroup * Review - HTML Element - content * Review - HTML Element - data * Review - HTML Element - datalist * Review - HTML Element - dd * Review - HTML Element - del * Review - HTML Element * Review - HTML Element - dfn * Review - HTML Element - dialog * Review - HTML element - dir * Review - HTML Element div * Review - HTML Element - dl * Review - HTML Element - dt * Review - HTML Element - em * Review - HTML Element - embed * Review - HTML Element - fieldset * Review - HTML Element - figcaption * Review - HTML Element - figure * Review - HTML Element - font * Review - HTML Element - footer * Review - HTML Element - form * Review - HTML Element - frame * Review - HTML Element - frameset * Review updates since PR start - A * Review updates since PR start - B * Review updates since PR start - C * Review updates since PR start - D * Review updates since PR start - F Co-authored-by: julieng --- files/fr/web/html/element/area/index.html | 263 +++++++++++++----------------- 1 file changed, 116 insertions(+), 147 deletions(-) (limited to 'files/fr/web/html/element/area') diff --git a/files/fr/web/html/element/area/index.html b/files/fr/web/html/element/area/index.html index bf162fa477..d3e10ca3f6 100644 --- a/files/fr/web/html/element/area/index.html +++ b/files/fr/web/html/element/area/index.html @@ -1,184 +1,153 @@ --- -title: +title: ' : l''Ă©lĂ©ment de zone' slug: Web/HTML/Element/area tags: + - Content - Element - HTML + - HTML:Flow content + - HTML:Phrasing content - Multimedia - Reference - Web translation_of: Web/HTML/Element/area +browser-compat: html.elements.area ---
{{HTMLRef}}
-

L'élément HTML <area> définit une zone particuliÚre d'une image et peut lui associer un {{Glossary("Hyperlink", "lien hypertexte")}}. Cet élément n'est utilisé qu'au sein d'un élément {{HTMLElement("map")}}.

+

L'élément HTML <area> définit une zone particuliÚre d'une image et peut lui associer un lien hypertexte. Cet élément n'est utilisé qu'au sein d'un élément <map>.

{{EmbedInteractiveExample("pages/tabbed/area.html", "tabbed-taller")}}
- + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Catégories de contenuContenu de flux, contenu phrasé
Contenu autoriséAucun, cet élément est un élément vide.
Omission de balisesAucune, la balise d'ouverture et la balise de fermeture sont obligatoires.
Parents autorisĂ©sTout Ă©lĂ©ment acceptant du contenu phrasĂ©. L'Ă©lĂ©ment <area> doit avoir un Ă©lĂ©ment <map> parmi ses ancĂȘtres mais ce dernier n'a pas besoin d'ĂȘtre son parent direct.
RÎle ARIA implicitelink lorsque l'attribut href est présent, sinon aucun rÎle correspondant.
RÎles ARIA autorisésAucun.
Interface DOMHTMLAreaElement
-

Attributs

+

Attributs

-

Cet élément inclut les attributs universels.

+

Cet élément inclut les attributs universels.

-
{{htmlattrdef("alt")}}
-
Un texte alternatif que les navigateurs doivent afficher afin de remplacer l'image si elle ne peut pas ĂȘtre affichĂ©e. Le texte doit ĂȘtre phrasĂ© de façon Ă  offrir les mĂȘmes choix qui auraient Ă©tĂ© offerts par l'image. En HTML4, cet attribut est obligatoire mais peut prendre la valeur "" (la chaĂźne de caractĂšres vide). En HTML5, cet attribut est requis uniquement si l'attribut href est utilisĂ©.
-
{{htmlattrdef("coords")}}
-
A set of values specifying the coordinates of the hot-spot region. The number and meaning of the values depend upon the value specified for the shape attribute.
-
-
    -
  • rect or rectangle: the coords value is two x,y pairs: left, top, right, bottom.
    • -
  • circle: the value is x,y,r where x,y is a pair specifying the center of the circle and r is a value for the radius.
    • -
  • poly or polygon: the value is a set of x,y pairs for each point in the polygon: x1,y1,x2,y2,x3,y3, and so on.
    • -
- In HTML4, the values are numbers of pixels or percentages, if a percent sign (%) is appended; in HTML5, the values are numbers of CSS pixels.
-
{{htmlattrdef("href")}}
-
Le lien hypertexte portĂ© par la zone d'intĂ©rĂȘt. Ce doit ĂȘtre une URL valide. En HTML4, l'un des deux attributs href ou nohref doit ĂȘtre prĂ©sent. En HTML5, cet attribut peut ĂȘtre absent et dans ce cas, la zone d'intĂ©rĂȘt ne reprĂ©sente pas de lien hypertexte.
-
{{htmlattrdef("hreflang")}} {{HTMLVersionInline("5")}}
-
Indique la langue de la ressource liĂ©e. Les valeurs que peut prendre cet attribut sont dĂ©finis dans le BCP47. Cet attribut ne doit ĂȘtre utilisĂ© que si l'attribut href est prĂ©sent.
-
{{htmlattrdef("ping")}} {{HTMLVersionInline("5")}}
-
Cet attribut contient une liste d'URL sĂ©parĂ©es par des espaces vers lesquelles sont envoyĂ©es des requĂȘtes HTTP {{HTTPMethod("POST")}} dont le corps vaut PING lors du clic sur le lien. Les requĂȘtes sont envoyĂ©es en arriĂšre-plan. Cet attribut est gĂ©nĂ©ralement utilisĂ© Ă  des fins de pistage.
-
{{htmlattrdef("referrerpolicy")}} {{experimental_inline}}
-
Une chaßne de caractÚres qui indique le référent (referrer) à utiliser lors de la récupération de la ressource : -
    -
  • 'no-referrer' indique que l'en-tĂȘte Referer ne sera pas envoyĂ©.
    • -
  • 'no-referrer-when-downgrade' indique que l'en-tĂȘte Referer ne sera pas envoyĂ© lorsque l'utilisateur navigue depuis une origine sans TLS/HTTPS. C'est le comportement par dĂ©faut de l'agent utilisateur si aucune autre politique n'est spĂ©cifiĂ©e.
    • -
  • 'origin' indique que le rĂ©fĂ©rent sera l'origine de la page (ce qui correspond au schĂ©ma utilisĂ©, Ă  l'hĂŽte et au port).
    • -
  • 'origin-when-cross-origin' indique que lorsqu'on navigue sur d'autres origines, seule l'origine du document sera envoyĂ©e. Lorsqu'on navigue sur la mĂȘme origine, le chemin de la ressource sera inclus dans le rĂ©fĂ©rent.
    • -
  • 'unsafe-url' indique que le rĂ©fĂ©rent envoyĂ© inclura l'origine et le chemin (mais pas le fragment, le mot de passe ou le nom d'utilisateur). Ce cas n'est pas considĂ©rĂ© comme sĂ»r car il peut laisser fuiter des origines et des chemins de ressources protĂ©gĂ©es par TLS vers des origines non-sĂ©curisĂ©es.
    • -
-
-
{{htmlattrdef("rel")}} {{HTMLVersionInline("5")}}
-
Pour les ancres contenant l'attribut href, cet attribut dĂ©finit la relation entre l'objet ciblĂ© et l'objet liĂ©. La valeur est une liste des diffĂ©rentes relations dont les valeurs sont sĂ©parĂ©es par des espaces. Les valeurs et leurs significations peuvent ĂȘtre enregistrĂ©es par une autoritĂ© jugĂ©e utile par l'auteur du document. La valeur par dĂ©faut est la relation vide. Cet attribut ne doit ĂȘtre utilisĂ© seulement si l'attribut href est prĂ©sent.
-
{{htmlattrdef("shape")}}
-
La forme de la zone d'intĂ©rĂȘt. Les spĂ©cifications HTML5 et HTML4 dĂ©finissent les valeurs rect (zone rectangulaire), circle (zone circulaire), poly (zone polygonale) et default (indiquant toute la zone). Beacuoup de navigateurs, comme Internet Explorer 4 et ultĂ©rieur, supportent les valeurs circ, polygon et rectangle pour l'attribut shape. Ces valeurs sont {{Non-standard_inline}}.
-
{{htmlattrdef("target")}}
-
Cet attribut prĂ©cise oĂč afficher la ressource liĂ©e. En HTML4 c'est le nom (ou un mot-clĂ©) d'un cadre. En HTML5, c'est le nom (ou le mot-clĂ©) d'un contexte de navigation (un onglet, une fenĂȘtre, ou une frame inline). Les mots-clĂ©s peuvent avoir les significations suivantes : -
    -
  • _self : Charge la rĂ©ponse dans le mĂȘme cadre HTML4 ou dans le mĂȘme contexte de navigation HTML5. Cette valeur est la valeur par dĂ©faut si l'attribut n'est pas prĂ©cisĂ©.
    • -
  • _blank : Charge la rĂ©ponse dans une nouvelle fenĂȘtre (sans nom) avec HTML4 ou dans un nouveau contenu de navigation HTML5 (sans nom).
    • -
  • _parent : Charge la rĂ©ponse dans le mĂȘme cadre que le parent  du cadre de l'Ă©lĂ©ment actuel en HTML4. En HTML5 on a la mĂȘme situation avec le contexte de navigation. S'il n'y pas de parent, cette valeur aura le mĂȘme rĂŽle que la valeur _self.
    • -
  • _top : En HTML4 la rĂ©ponse sera chargĂ©e dans toute la fenĂȘtre d'origine annulant ainsi les autres cadres. En HTML5 la rĂ©ponse sera chargĂ©e dans le contexte de navigation avec le plus haut niveau (autrement dit l'ancĂȘtre du contexte actuel qui n'a pas de parent). Si le contexte actuel n'a pas de parent alors cette valeur aura le mĂȘme effet que la valeur _self.
    • -
- -

Cet attribut doit uniqument ĂȘtre utilisĂ© si l'attribut href est prĂ©sent.

-
+
alt
+
Une chaĂźne de texte alternative Ă  afficher sur les navigateurs qui n'affichent pas les images. Le texte doit ĂȘtre formulĂ© de maniĂšre Ă  offrir Ă  l'utilisateur le mĂȘme type de choix que l'image lorsqu'elle est affichĂ©e sans le texte alternatif. Cet attribut est requis uniquement si l'attribut href est utilisĂ©.
+
coords
+
L'attribut coords détaille les coordonnées de l'attribut shape en taille, forme et placement d'un élément <area>. +
    +
  • rect : la valeur est x1,y1,x2,y2. La valeur spĂ©cifie les coordonnĂ©es du coin supĂ©rieur gauche et infĂ©rieur droit du rectangle. +

    Par exemple : <area shape="rect" coords="0,0,253,27" href="#" target="_blank" alt="Mozilla"> Les coordonnées dans l'exemple ci-dessus spécifient : 0,0 comme le coin supérieur gauche et 253,27 comme le coin inférieur droit du rectangle.

    +
    • +
  • cercle : la valeur est x,y,radius. La valeur spĂ©cifie les coordonnĂ©es du centre du cercle et du rayon. +

    Par exemple : <area shape="circle" coords="130,136,60" href="#" target="_blank" alt="MDN">.

    +
    • +
  • poly : la valeur est x1,y1,x2,y2,...,xn,yn. La valeur spĂ©cifie les coordonnĂ©es des bords du polygone. Si la premiĂšre et la derniĂšre paire de coordonnĂ©es ne sont pas les mĂȘmes, le navigateur ajoutera la derniĂšre paire de coordonnĂ©es pour fermer le polygone.
    • +
  • default : dĂ©finit la rĂ©gion entiĂšre.
    • +
+ Les valeurs sont exprimées en nombre de pixels CSS.
+
download
+
Cet attribut, s'il est présent, indique que l'auteur souhaite que l'hyperlien soit utilisé pour télécharger une ressource. Voir <a> pour une description complÚte de l'attribut download.
+
href
+
Le lien hypertexte portĂ© par la zone d'intĂ©rĂȘt. Ce doit ĂȘtre une URL valide. Cet attribut peut ĂȘtre absent et dans ce cas, la zone d'intĂ©rĂȘt ne reprĂ©sente pas de lien hypertexte.
+
hreflang
+
Cet attribut indique la langue du contenu vers lequel le lien renvoie. Les valeurs autorisĂ©es pour cet attribut sont dĂ©finies par BCP47. Cet attribut doit uniquement ĂȘtre utilisĂ© lorsque href est prĂ©sent.
+
ping
+
Cet attribut contient une liste d'URL sĂ©parĂ©es par des espaces vers lesquelles sont envoyĂ©es des requĂȘtes HTTP POST dont le corps vaut PING lors du clic sur le lien. Les requĂȘtes sont envoyĂ©es en arriĂšre-plan. Cet attribut est gĂ©nĂ©ralement utilisĂ© Ă  des fins de pistage.
+
referrerpolicy {{experimental_inline}}
+
Une chaßne de caractÚres qui indique le référent (referrer) à utiliser lors de la récupération de la ressource : +
    +
  • « no-referrer » indique que l'en-tĂȘte Referer ne sera pas envoyĂ©.
    • +
  • « no-referrer-when-downgrade » indique que l'en-tĂȘte Referer ne sera pas envoyĂ© lorsque l'utilisateur navigue depuis une origine sans TLS/HTTPS. C'est le comportement par dĂ©faut de l'agent utilisateur si aucune autre politique n'est spĂ©cifiĂ©e.
    • +
  • « origin » indique que le rĂ©fĂ©rent sera l'origine de la page (ce qui correspond au schĂ©ma utilisĂ©, Ă  l'hĂŽte et au port).
    • +
  • « origin-when-cross-origin » indique que lorsqu'on navigue sur d'autres origines, seule l'origine du document sera envoyĂ©e. Lorsqu'on navigue sur la mĂȘme origine, le chemin de la ressource sera inclus dans le rĂ©fĂ©rent.
    • +
  • « unsafe-url » indique que le rĂ©fĂ©rent envoyĂ© inclura l'origine et le chemin (mais pas le fragment, le mot de passe ou le nom d'utilisateur). Ce cas n'est pas considĂ©rĂ© comme sĂ»r, car il peut laisser fuiter des origines et des chemins de ressources protĂ©gĂ©es par TLS vers des origines non-sĂ©curisĂ©es.
    • +
+
+
rel
+
Pour les ancres contenant l'attribut href, cet attribut dĂ©finit la relation entre l'objet ciblĂ© et l'objet liĂ©. La valeur est une liste des diffĂ©rentes relations dont les valeurs sont sĂ©parĂ©es par des espaces. Les valeurs et leurs significations peuvent ĂȘtre enregistrĂ©es par une autoritĂ© jugĂ©e utile par l'auteur du document. La valeur par dĂ©faut est la relation vide. Cet attribut doit uniquement ĂȘtre utilisĂ© si l'attribut href est prĂ©sent.
+
shape
+
La forme de la zone d'intĂ©rĂȘt. Les spĂ©cifications HTML5 et HTML4 dĂ©finissent les valeurs rect (zone rectangulaire), circle (zone circulaire), poly (zone polygonale) et default (indiquant toute la zone). Beacuoup de navigateurs, comme Internet Explorer 4 et ultĂ©rieur, supportent les valeurs circ, polygon et rectangle pour l'attribut shape, mais ces valeurs ne sont pas standard.
+
target
+
Cet attribut dans quel contexte de navigation afficher la ressource liée. Les mots-clés peuvent avoir les significations suivantes : +
    +
  • _self (valeur par dĂ©faut) : Charge la rĂ©ponse dans le contexte de navigation actuel.
    • +
  • _blank : Charge la rĂ©ponse dans un nouveau contexte de navigation (sans nom).
    • +
  • _parent : Charge la rĂ©ponse dans le contexte de navigation parent. Si la page courante n'est pas incluse via une frame, cette valeur agit comme _self.
    • +
  • _top : Charge la rĂ©ponse dans le contexte de navigation avec le plus haut niveau (autrement dit l'ancĂȘtre du contexte actuel qui n'a pas de parent). Si le contexte actuel n'a pas de parent alors cette valeur aura le mĂȘme effet que la valeur _self.
    • +
+ +

Cet attribut doit uniquement ĂȘtre utilisĂ© si l'attribut href est prĂ©sent.

+
+

Note :

+

La dĂ©finition de target="_blank" sur les Ă©lĂ©ments <area> fournit implicitement le mĂȘme comportement rel que la dĂ©finition de rel="noopener" qui ne dĂ©finit pas window.opener. Voir la compatibilitĂ© des navigateurs pour les informations sur son support.

+
+
-

Attributs dépréciés ou obsolÚtes

+

Attributs dépréciés ou obsolÚtes

-
{{htmlattrdef("accesskey")}} {{HTMLVersionInline("4")}} seulement, {{obsolete_inline("5.0")}}
-
Définit un raccourci clavier pour cet élément. Appuyer sur la touche ALT (ou une autre touche similaire) et sur la touche définie par l'attribut sélectionnera l'action associée à cette séquence. Il est conseillé de ne pas utiliser les combinaisons de touches déjà utilisées par les navigateurs. Cet attribut est global depuis HTML5.
-
{{htmlattrdef("name")}} {{HTMLVersionInline("4")}} seulement, {{obsolete_inline("5.0")}}
-
DĂ©finit un nom pour la zone sur laquelle on peut cliquer afin que cet Ă©lĂ©ment puisse ĂȘtre interprĂ©tĂ© par les navigateurs plus anciens.
-
{{htmlattrdef("nohref")}} {{HTMLVersionInline("4")}} seulement, {{obsolete_inline("5.0")}}
-
Indique une absence d'hyperlien pour la zone d'intĂ©rĂȘt. Cet attribut doit ĂȘtre prĂ©sent si href ne l'est pas et vice versa. -
-

Note d'utilisation : Cet attribut est obsolĂšte en HTML5, ne pas utiliser l'attribut href suffit.

-
-
-
{{htmlattrdef("tabindex")}} {{HTMLVersionInline("4")}} seulement, {{obsolete_inline("5.0")}}
-
Une valeur numĂ©rique dĂ©finissant l'ordre de la zone d'intĂ©rĂȘt parmi les diffĂ©rentes Ă©tiquettes. Cet attribut est un attribut universel avec HTML5.
-
{{htmlattrdef("type")}}{{obsolete_inline("5.1")}}
-
Cet attribut dĂ©finit le type MIME de la cible du lien. Cet attribut a gĂ©nĂ©ralement une fonction indicative. Cependant les prochains navigateurs pourraient ajouter une petite icĂŽne pour les types multimĂ©dia. Voir http://www.w3.org/TR/html4/references.html#ref-MIMETYPES pour une liste complĂšte des types MIME reconnus. Cet attribut ne doit ĂȘtre utilisĂ© que si l'attribut href est prĂ©sent.
+
name {{deprecated_inline}}
+
DĂ©finit un nom pour la zone sur laquelle on peut cliquer afin que cet Ă©lĂ©ment puisse ĂȘtre interprĂ©tĂ© par les navigateurs plus anciens.
+
nohref {{deprecated_inline}}
+
Indique une absence d'hyperlien pour la zone d'intĂ©rĂȘt. Cet attribut doit ĂȘtre prĂ©sent si href ne l'est pas et vice versa. +
+

Note :

+

Cet attribut est obsolĂšte en HTML5, ne pas utiliser l'attribut href suffit.

+
+
+
tabindex {{deprecated_inline}}
+
Une valeur numĂ©rique dĂ©finissant l'ordre de la zone d'intĂ©rĂȘt parmi les diffĂ©rentes Ă©tiquettes. Cet attribut est un attribut universel avec HTML5.
+
type {{deprecated_inline}}
+
Sans effet car ignoré par les navigateurs.
-

Exemples

+

Exemple

Dans cet exemple, la partie gauche est un lien vers une page et la partie droite est inactive.

-

HTML

- 
<map name="exemple-map-1">
-  <area shape="rect" coords="0,0 200,200" href="https://developer.mozilla.org" target="_blank" alt="Page d'accueil MDN" />
-  <area shape="default" />
+  <area shape="rect" coords="0,0 200,200" href="https://developer.mozilla.org" target="_blank" alt="Page d'accueil MDN" />
+  <area shape="default" />
 </map>
-<img usemap="#exemple-map-1" src="https://mdn.mozillademos.org/files/14546/map.png">
+<img usemap="#exemple-map-1" src="https://via.placeholder.com/350x150">
-

RĂ©sultat

- -

{{EmbedLiveSample("Exemples","450","230")}}

- -

Résumé technique

- - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Catégories de contenuContenu de flux, contenu phrasé
Contenu autoriséAucun, cet élément est un {{Glossary("élément vide ", "élément vide")}}.
Omission de balisesCet élément doit avoir une balise de fin et ne pas avoir de balise de début.
Parents autorisĂ©sTout Ă©lĂ©ment acceptant du contenu phrasĂ©. L'Ă©lĂ©ment <area> doit avoir un Ă©lĂ©ment {{HTMLElement("map")}} parmi ses ancĂȘtres mais ce dernier n'a pas besoin d'ĂȘtre son parent direct.
RÎles ARIA autorisésAucun.
Interface DOM{{domxref("HTMLAreaElement")}}
- -

Spécifications

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
SpĂ©cificationÉtatCommentaires
{{SpecName('Referrer Policy', '#referrer-policy-delivery-referrer-attribute', 'referrerpolicy attribute')}}{{Spec2('Referrer Policy')}}Ajout de l'attribut referrerpolicy.
{{SpecName('HTML WHATWG', 'the-map-element.html#the-area-element', '<area>')}}{{Spec2('HTML WHATWG')}} 
{{SpecName('HTML5 W3C', 'embedded-content-0.html#the-area-element', '<area>')}}{{Spec2('HTML5 W3C')}} 
{{SpecName('HTML4.01', 'struct/objects.html#h-13.6.1', '<area>')}}{{Spec2('HTML4.01')}} 
+

RĂ©sultat

-

Notes

+

{{EmbedLiveSample("example", "100%", "230")}}

- +

Spécifications

-

Compatibilité des navigateurs

+

{{Specifications}}

- +

Compatibilité des navigateurs

-

{{Compat("html.elements.area")}}

+

{{Compat}}

-- cgit v1.2.3-54-g00ecf