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/a/index.html | 568 ++++++++++++++---------- files/fr/web/html/element/abbr/index.html | 240 +++++----- files/fr/web/html/element/acronym/index.html | 72 ++- files/fr/web/html/element/address/index.html | 146 +++--- files/fr/web/html/element/applet/index.html | 193 ++++---- files/fr/web/html/element/area/index.html | 263 +++++------ files/fr/web/html/element/article/index.html | 141 +++--- files/fr/web/html/element/aside/index.html | 130 +++--- files/fr/web/html/element/audio/index.html | 533 +++++++++++----------- files/fr/web/html/element/b/index.html | 137 +++--- files/fr/web/html/element/base/index.html | 170 ++++--- files/fr/web/html/element/basefont/index.html | 75 ++-- files/fr/web/html/element/bdi/index.html | 199 ++++----- files/fr/web/html/element/bdo/index.html | 151 +++---- files/fr/web/html/element/bgsound/index.html | 55 ++- files/fr/web/html/element/big/index.html | 92 ++-- files/fr/web/html/element/blink/index.html | 58 +-- files/fr/web/html/element/blockquote/index.html | 154 +++---- files/fr/web/html/element/body/index.html | 244 +++++----- files/fr/web/html/element/br/index.html | 153 +++---- files/fr/web/html/element/button/index.html | 333 ++++++-------- files/fr/web/html/element/canvas/index.html | 256 +++++------ files/fr/web/html/element/caption/index.html | 251 +++++------ files/fr/web/html/element/center/index.html | 90 ++-- files/fr/web/html/element/cite/index.html | 184 ++++---- files/fr/web/html/element/code/index.html | 155 +++---- files/fr/web/html/element/col/index.html | 377 ++++++---------- files/fr/web/html/element/colgroup/index.html | 357 +++++---------- files/fr/web/html/element/content/index.html | 123 ++--- files/fr/web/html/element/data/index.html | 118 ++--- files/fr/web/html/element/datalist/index.html | 131 +++--- files/fr/web/html/element/dd/index.html | 140 +++--- files/fr/web/html/element/del/index.html | 146 +++--- files/fr/web/html/element/details/index.html | 275 ++++++------ files/fr/web/html/element/dfn/index.html | 214 ++++----- files/fr/web/html/element/dialog/index.html | 219 +++++---- files/fr/web/html/element/dir/index.html | 77 ++-- files/fr/web/html/element/div/index.html | 172 +++---- files/fr/web/html/element/dl/index.html | 224 +++++----- files/fr/web/html/element/dt/index.html | 148 +++--- files/fr/web/html/element/em/index.html | 145 +++--- files/fr/web/html/element/embed/index.html | 168 +++---- files/fr/web/html/element/fieldset/index.html | 183 +++----- files/fr/web/html/element/figcaption/index.html | 127 ++---- files/fr/web/html/element/figure/index.html | 197 ++++---- files/fr/web/html/element/font/index.html | 53 ++- files/fr/web/html/element/footer/index.html | 150 +++---- files/fr/web/html/element/form/index.html | 318 ++++++------- files/fr/web/html/element/frame/index.html | 71 ++- files/fr/web/html/element/frameset/index.html | 51 ++- files/fr/web/html/element/index.html | 83 ++-- 51 files changed, 4192 insertions(+), 5118 deletions(-) (limited to 'files/fr/web/html') diff --git a/files/fr/web/html/element/a/index.html b/files/fr/web/html/element/a/index.html index e9ea38803c..ef41ac41a5 100644 --- a/files/fr/web/html/element/a/index.html +++ b/files/fr/web/html/element/a/index.html @@ -2,332 +2,442 @@ title: ' : l''Ă©lĂ©ment d''ancre' slug: Web/HTML/Element/a tags: - - Contenu + - Content - Element - HTML + - HTML text-level semantics + - HTML:Flow content + - HTML:Interactive content + - HTML:Palpable Content + - HTML:Phrasing content + - Inline element - Reference - Web translation_of: Web/HTML/Element/a +browser-compat: html.elements.a ---
{{HTMLRef}}
-

L'Ă©lĂ©ment <a> (pour ancre ou anchor en anglais) dĂ©finit un hyperlien vers un autre endroit de la mĂȘme page ou vers une autre page sur le Web.

+

L'Ă©lĂ©ment HTML <a> (pour ancre ou anchor en anglais), avec son attribut href, 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 <a> doit indiquer la destination du lien. Si l'attribut href est prĂ©sent, appuyer sur la touche entrĂ©e en se concentrant sur l'Ă©lĂ©ment <a> l'activera.

{{EmbedInteractiveExample("pages/tabbed/a.html")}}
- +

Attributs

-

Attributs

- -

Cet élément inclut les attributs universels.

+

Cet élément inclut les attributs universels.

-
{{htmlattrdef("download")}} {{HTMLVersionInline(5)}}
-
Cet attribut indique au navigateur de télécharger l'objet vers lequel pointe l'URL plutÎt que d'y diriger l'utilisateur. Cela ouvre une invite pour 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 (l'utilisateur pourra bien entendu modifier le nom de fichier avant de cliquer sur « Enregistrer »). Il n'y a aucune limitation sur les valeurs autorisées, mais il faut se souvenir ici que la plupart des systÚmes de fichiers ont des limitations concernant la ponctuation dans les noms de fichier, et que les navigateurs procéderont sûrement à des ajustements en conséquence (par exemple, les barres obliques et barres obliques inversées seront sans doute converties en tirets bas). -
-

Note :

- -
    -
  • Cet attribut ne fonctionne que pour les URL partageant la mĂȘme origine mais jamais pour les URI utilisant le schĂ©ma file:.
    • -
  • Bien que les URL HTTPS doivent provenir de la mĂȘme origine, les URL blob:, data: et filesystem: peuvent ĂȘtre utilisĂ©es afin de simplifier 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 {{HTTPHeader("Content-Disposition")}} est prĂ©sent et fournit un nom de fichier diffĂ©rent que celui fourni par l'attribut alors ce sera l'en-tĂȘte HTTP qui aura la prioritĂ© sur l'attribut.
    • -
  • Si l'attribut est prĂ©sent et que Content-Disposition: vaut inline, Firefox donnera la prioritĂ© Ă  l'en-tĂȘte, Chrome donnera la prioritĂ© Ă  l'attribut.
    • -
  • Cet attribut est uniquement respectĂ© pour les liens des ressources de la mĂȘme origine.
    • -
-
-
-
{{htmlattrdef("href")}}
-
L'attribut href indique la cible du lien sous la forme d'une URL ou d'un fragment d'URL. Un fragment d'URL est un nom précédé par un diÚse (#), qui indique une cible interne au document (un ID). Les URL ne se limitent pas au documents web sur HTTP. Les URL peuvent utiliser n'importe quel protocole supporté par le navigateur. Par exemple, file, ftp et mailto fonctionnent avec la plupart des agents-utilisateur. -
-

Note : Le fragment spĂ©cial href="#top" ou le fragment vide href="#" peuvent ĂȘtre utilisĂ©s 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 la RFC1766. Cet attribut ne doit ĂȘtre utilisĂ© que si l'attribut {{htmlattrxref("href", "a")}} est prĂ©sent.
-
{{htmlattrdef("ping")}}
-
Contient une liste d'URL sĂ©parĂ©es par des espaces vers lesquelles sont envoyĂ©es des requĂȘtes {{HTTPMethod("POST")}} avec le corps PING lorsque l'utilisateur suit le lien. Cet attribut est gĂ©nĂ©ralement utilisĂ© pour tracer un utilisateur.
-
{{htmlattrdef("referrerpolicy")}} {{experimental_inline}}
-
Une chaßne de caractÚres qui indique le référent à 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.
    • -
  • 'strict-origin-when-cross-origin' fonctionne comme origin-when-cross-origin mais les en-tĂȘtes d'origine sont envoyĂ©s via HTTPS plutĂŽt que par HTTP.
    • -
  • '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")}}
-
Cet attribut indique la relation entre la cible du lien et l'objet faisant le lien. La valeur est une liste de types de liens séparés par des espaces.
-
{{htmlattrdef("target")}}
-
Cet attribut indique oĂč afficher la ressource liĂ©e. 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 le contexte de navigation courant. Il s'agit de la valeur par dĂ©faut quand l'attribut n'est pas renseignĂ©.
    • -
  • _blank : charge la rĂ©ponse dans un nouveau contexte de navigation. -
      -
    • Ajouter un lien vers une autre page en utilisant target="_blank" exĂ©cutera la page dans le mĂȘme processus que la page courante. Si la nouvelle page consomme de nombreuses ressources, les performances de la page courante pourront en pĂątir. Pour Ă©viter ce problĂšme, on pourra utiliser rel="noopener".
      • -
    -
    • -
  • _parent : charge la rĂ©ponse dans le {{HTMLElement("frameset")}} HTML4 parent de la frame courante ou dans le contexte de navigation HTML5 parent relativement au contexte courant). S'il n'y a pas de parent, l'option se comporte de la mĂȘme façon que _self.
    • -
  • _top : En HTML4 : charge la rĂ©ponse dans la fenĂȘtre originale, annulant toutes les autres frames. En 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.
    • -
- -

Lorsque target est utilisé, on pourra ajouter rel="noopener noreferrer" afin d'éviter la fuite de données via l'API Window.opener.

-
-
{{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.
+
download
+
+
    +
  • Sans valeur, le navigateur proposera un nom de fichier/extension, gĂ©nĂ©rĂ© Ă  partir de diverses sources : + +
    • +
  • La dĂ©finition d'une valeur la suggĂšre comme nom de fichier. Les caractĂšres / et \ sont convertis en caractĂšres de soulignement (_). 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.
    • +
+
+

Note :

+
    +
  • download ne fonctionne que pour les URLs de mĂȘme origine, ou les schĂ©mas blob: et data:.
    • +
  • +

    Si l'en-tĂȘte Content-Disposition comporte des informations diffĂ©rentes de celles de l'attribut download, le comportement rĂ©sultant peut diffĂ©rer :

    +
      +
    • Si l'en-tĂȘte spĂ©cifie un nom de fichier, il a prioritĂ© sur un nom de fichier spĂ©cifiĂ© dans l'attribut download.
      • +
    • Si l'en-tĂȘte spĂ©cifie une disposition de inline, Chrome, et Firefox 82+, donnent la prioritĂ© Ă  l'attribut et le traitent comme un tĂ©lĂ©chargement. Les versions de Firefox antĂ©rieures Ă  82 donnent la prioritĂ© Ă  l'en-tĂȘte et affichent le contenu en ligne.
      • +
    +
    • +
+
+
+
href
+
+

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 :

+
    +
  • Sections d'une page avec des fragments d'URL
    • +
  • Des morceaux de fichiers mĂ©dias avec des fragments de mĂ©dias
    • +
  • Les numĂ©ros de tĂ©lĂ©phone avec l'URL tel:.
    • +
  • Les adresses Ă©lectroniques avec l'URL mailto:.
    • +
  • Bien que les navigateurs web puissent ne pas prendre en charge d'autres schĂ©mas d'URL, les sites web le peuvent avec registerProtocolHandler().
    • +
+
+
hreflang
+
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 l'attribut global lang.
+
ping
+
Contient une liste d'URL sĂ©parĂ©es par des espaces vers lesquelles sont envoyĂ©es des requĂȘtes POST avec le corps PING lorsque l'utilisateur suit le lien. Cet attribut est gĂ©nĂ©ralement utilisĂ© pour tracer un utilisateur.
+
referrerpolicy {{experimental_inline}}
+
La portion du referrer envoyer lors du suivi du lien. Voir Referrer-Policy pour les valeurs possibles et leurs effets.
+
rel
+
Cet attribut indique la relation entre la cible du lien et l'objet faisant le lien. La valeur est une liste de types de liens séparés par des espaces.
+
target
+
OĂč afficher l'URL liĂ©e, comme nom d'un contexte de navigation (un onglet, une fenĂȘtre ou un <iframe>). Les mots-clĂ©s suivants ont des significations spĂ©ciales pour l'endroit oĂč charger l'URL : +
    +
  • _self : le contexte de navigation actuel. (Par dĂ©faut)
    • +
  • _blank : gĂ©nĂ©ralement un nouvel onglet, mais les utilisateurs peuvent configurer les navigateurs pour ouvrir une nouvelle fenĂȘtre Ă  la place.
    • +
  • _parent : le contexte de navigation parent de celui en cours. S'il n'y a pas de parent, il se comporte comme _self.
    • +
  • _top : 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 _self.
    • +
+
+

Note :

+

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

+
+
+
type
+
Donne des indications sur le format de l'URL liée avec un Type MIME. Aucune fonctionnalité intégrée.
-

Attributs obsolĂštes

+

Attributs obsolĂštes

-
{{htmlattrdef("charset")}} {{Obsolete_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, utiliser l'entĂȘte HTTP Content-Type sur la ressource liĂ©e.

-
-
-
{{htmlattrdef("coords")}} {{HTMLVersionInline(4)}} seulement, {{Obsolete_Inline("HTML5")}}
-
Pour utiliser avec des formes géométriques. 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("name")}} {{HTMLVersionInline(4)}} seulement, {{Obsolete_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 identiques. -
-

Note d'utilisation : Cet attribut est obsolĂšte en HTML5, il faut utiliser l'attribut global id Ă  la place.

-
-
-
{{htmlattrdef("rev")}} {{HTMLVersionInline(4)}} seulement, {{Obsolete_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. -
-

Note : La spécification actuelle de HTML 5.2 du W3C n'indique plus l'attribut rev comme obsolÚte. En revanche, la spécification du WHATWG le considÚre toujours comme obsolÚte. Tant que cette incohérence n'est pas résolue, mieux vaut considérer cet attribut comme obsolÚte.

-
-
-
{{htmlattrdef("shape")}} {{HTMLVersionInline(4)}} seulement, {{Obsolete_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,r oĂč x 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 {{htmlattrxref("usemap","img")}} 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.
-
+
charset {{Deprecated_Inline}}
+
Fait allusion aux encodages des caractÚres de l'URL liée. +
+

Note :

+

Cet attribut est dĂ©prĂ©ciĂ© et ne doit pas ĂȘtre utilisĂ© par les auteurs. Utilisez l'en-tĂȘte HTTP Content-Type sur l'URL liĂ©e.

+
+
+
coords {{Deprecated_Inline}}
+
Utilisé avec l'attribut shape. Une liste de coordonnées séparées par des virgules.
+
name {{Deprecated_Inline}}
+
Était nĂ©cessaire pour dĂ©finir un emplacement cible possible dans une page. En HTML 4.01, id et name pouvaient tous deux ĂȘtre utilisĂ©s sur <a>, pour autant qu'ils aient des valeurs identiques. +
+

Note :

+

Utilisez l'attribut universel id Ă  la place.

+
+
+
rev {{Deprecated_Inline}}
+
Spécifiait un lien inverse ; l'opposé de l'attribut rel. Déprécié pour avoir été trÚs confus.
+
shape {{Deprecated_Inline}}
+
La forme de la région de l'hyperlien dans une carte d'image. +
+

Note :

+

Utilisez plutÎt l'élément <area> pour les cartes d'images.

+
+
-

Exemples

+

Propriétés

-

Hyperlien vers une ressource externe

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Catégories de contenuContenu du flux, contenu phrasé, contenu interactif, contenu palpable.
Contenu autoriséTransparent, contenant soit le contenu du flux (à l'exclusion du contenu interactif), soit contenu phrasé.
Omission de balisesAucune, la balise d'ouverture et la balise de fermeture sont obligatoires.
Parents autorisésTout élément qui accepte la formulation du contenu, ou tout élément qui accepte le contenu du flux, mais pas les autres éléments <a>.
RÎle ARIA implicitelien lorsque l'attribut href est présent, sinon pas de rÎle correspondant.
RÎles ARIA autorisés +

Lorsque l'attribut href est présent :

+ +

Lorsque l'attribut href n'est pas présent :

+
    +
  • tout
    • +
+
Interface DOMHTMLAnchorElement
-
<a href="https://www.mozilla.com/">
-Lien externe
-</a>
+

Exemples

-

RĂ©sultat

+

Créer un lien vers une URL absolue

-

{{EmbedLiveSample("Hyperlien_vers_une_ressource_externe")}}

+

HTML

-

Créer une image cliquable

+
<a href="https://www.mozilla.com">
+  Mozilla
+</a>
-

Ce petit exemple utilise une image qui redirige vers la page d'accueil de MDN. La page d'accueil s'ouvrira dans un nouveau contexte de navigation, c'est une nouvelle page ou un nouvel onglet.

+

RĂ©sultat

-
-

Dans le cas d'une image cliquable, le texte alternatif doit contenir l'objet du lien, tel qu'indiqué dans l'exemple 9 des WCAG 1.1.1 relatives aux alternatives textuelles.

-
+

{{EmbedLiveSample("linking_to_an_absolute_url", "100%", 50)}}

-
<a href="https://developer.mozilla.org/fr/" target="_blank">
- <img src="https://mdn.mozillademos.org/files/6851/mdn_logo.png" alt="Documentation du web - MDN" />
-</a>
+

Créer des liens vers des URL relatives

-

RĂ©sultat

+

HTML

-

{{EmbedLiveSample("Exemple_Cr%C3%A9er_une_image_cliquable", "320", "64")}}

+
<a href="//example.com">URL relative au schéma</a>
+<a href="/fr/docs/Web/HTML">URL relative Ă  l'origine</a>
+<a href="./p">URL relative au répertoire</a>
-

Créer un lien vers un numéro de téléphone

+ -
<a href="tel:+615701564">+6 15 70 15 64</a>
-
+

RĂ©sultat

-

Pour plus de détails sur ce schéma, se référer à la RFC {{RFC(3966)}}.

+

{{EmbedLiveSample("linking_to_relative_urls", "100%", 120)}}

-

Créer un lien pour écrire un e-mail

+

CrĂ©er un lien vers un Ă©lĂ©ment de la mĂȘme page

-

Il est courant de créer des boutons ou des hyperliens qui vont ouvrir l'application de messagerie de l'utilisateur pour lui permettre d'envoyer un nouveau message. Cela est possible en utilisant un lien mailto. Voici un exemple simple:

+
<!-- <a> élément liens vers la section ci-dessous -->
+<p><a href="#section_further_down">
+  Passez Ă  la rubrique ci-dessous
+</a></p>
 
-
<a href="mailto:personne@mozilla.org">Envoyer un courriel Ă  personne</a>

+<!-- Rubrique Ă  relier -->
+<h2 id="section_further_down">Section plus bas</h2>
+ +
+

Note :

+

Vous pouvez utiliser href="#top" ou le fragment vide (href="#") pour créer un lien vers le haut de la page actuelle, comme défini dans la spécification HTML.

+
-

Cela produit comme résultat, un lien qui ressemble à ceci: Envoyer un courriel à personne.
- Pour plus de détails sur le schéma URL de mailto, comme comment inclure un sujet, un corps de texte, ou tout autre contenu prédéterminé, voir les liens Emails ou {{RFC(6068)}}.

+

Créer un lien avec une adresse électronique

-

Utiliser l'attribut download pour sauvegarder un canvas en PNG

+

Pour créer des liens qui s'ouvrent dans le programme de messagerie de l'utilisateur, pour lui permettre d'envoyer un nouveau message, utilisez le schéma mailto: :

-

Si on souhaite permettre à un utilisateur de télécharger un canvas HTML comme une image, on peut créer un lien avec un attribut download et lui associer les données liées au {{HTMLElement('canvas')}} pour construire une URL de fichier.

+
<a href="mailto:nowhere@mozilla.org">Envoyer un courriel nulle part</a>
-
var link = document.createElement('a');
-link.textContent = 'Télécharger une image';
-link.addEventListener('click', function(ev) {
-    link.href = canvas.toDataURL();
-    link.download = "maToile.png";
-}, false);
-document.body.appendChild(link);
+

Pour plus de détails sur les URL mailto:, comme l'inclusion d'un sujet ou d'un corps de message, voir Liens de courrier électronique ou RFC 6068.

-

Vous pouvez voir le résultat de ce code ici https://jsfiddle.net/codepo8/V6ufG/2/

+

Créer un lien avec les numéros de téléphone

-

Notes

+
<a href="tel:+49.157.0156">+49 157 0156</a>
+<a href="tel:+1(555)5309">(555) 5309</a>
+ +

tel: le comportement du lien varie en fonction des capacités du périphérique :

-

Sécurité et vie privée

+

Voir RFC 3966 pour la syntaxe, les fonctionnalités supplémentaires et d'autres détails sur le schéma URL tel:.

+ +

Utilisation de l'attribut de téléchargement pour enregistrer un <canvas> au format PNG.

+ +

Pour enregistrer le contenu d'un élément <canvas> sous forme d'image, vous pouvez créer un lien avec un attribut download et les données du canvas sous forme d'une URL data: :

+ + + +
HTML
+ +
<p>
+  Peignez en maintenant le bouton de la souris enfoncé et en le déplaçant.
+  <a href="" download="my_painting.png">Télécharger ma peinture</a>
+</p>
+
+<canvas width="300" height="300"></canvas>
+ +
CSS
+ +
html {
+  font-family: sans-serif;
+}
+canvas {
+  background: #fff;
+  border: 1px dashed;
+}
+a {
+  display: inline-block;
+  background: #69c;
+  color: #fff;
+  padding: 5px 10px;
+}
+ +
JavaScript
+ +
var canvas = document.querySelector('canvas'),
+    c = canvas.getContext('2d');
+c.fillStyle = 'hotpink';
+
+function draw(x, y) {
+  if (isDrawing) {
+    c.beginPath();
+    c.arc(x, y, 10, 0, Math.PI*2);
+    c.closePath();
+    c.fill();
+  }
+}
+
+canvas.addEventListener('mousemove', event =>
+  draw(event.offsetX, event.offsetY)
+);
+canvas.addEventListener('mousedown', () => isDrawing = true);
+canvas.addEventListener('mouseup', () => isDrawing = false);
+
+document.querySelector('a').addEventListener('click', event =>
+  event.target.href = canvas.toDataURL()
+);
+ +
RĂ©sultat
+ +

{{EmbedLiveSample('example_painting_app_with_save_link', '100%', '420')}}

+ +

Sécurité et vie privée

-

Bien que l'Ă©lĂ©ment <a> soit la plupart du temps utilisĂ© innocemment, les informations qu'il peut transporter peuvent avoir des effets indĂ©sirables sur la sĂ©curitĂ© et sur la vie privĂ©e des utilisateurs. Pour plus d'informations, voir cet article sur l'en-tĂȘte Referer et les problĂ©matiques qu'il soulĂšve.

+

Les éléments <a> peuvent avoir des conséquences sur la sécurité et la vie privée des utilisateurs. Voir Referer header : privacy and security concerns pour plus d'informations.

-

L'utilisation de target="_blank" sans rel="noreferrer" et sans rel="noopener" peut rendre un site vulnérable à certaines formes d'attaques utilisant l'API window.opener (voir ce billet).

+

L'utilisation de target="_blank" sans rel="noreferrer" et rel="noopener" rend le site web vulnĂ©rable aux attaques d'exploitation de l'API window.opener (description de la vulnĂ©rabilitĂ©), bien qu'il faille noter que, dans les versions plus rĂ©centes du navigateur, la dĂ©finition de target="_blank" fournit implicitement la mĂȘme protection que la dĂ©finition de rel="noopener". Voir la compatibilitĂ© des navigateurs pour plus de dĂ©tails.

Accessibilité

-

Évùnements onclick

+

Texte de lien fort

+ +

Le contenu d'un lien doit indiquer oĂč va le lien, mĂȘme hors contexte.

+ +

Texte inaccessible, lien faible

+ +

Une erreur tristement courante consiste à ne relier que les mots « cliquez ici » ou « ici » :

+ +
<p>
+  En savoir plus sur nos produits <a href="/products">ici</a>.
+</p>
+
+ +

Texte de lien fort

+ +

Heureusement, il s'agit d'une solution facile, et elle est en fait plus courte que la version inaccessible !

+ +
<p>
+  En savoir plus <a href="/products">Ă  propos de nos produits</a>.
+</p>
+ +

Les logiciels d'assistance disposent de raccourcis permettant de lister tous les liens d'une page. Cependant, un texte de lien fort profite Ă  tous les utilisateurs − le raccourci « liste de tous les liens » imite la façon dont les utilisateurs voyants parcourent rapidement les pages.

+ +

Évùnements onclick

Les ancres sont souvent dĂ©tournĂ©es avec l'Ă©vĂšnement onclick afin de crĂ©er des pseudo-boutons avec l'attribut href qui vaut "#" ou "javascript:void(0)" pour empĂȘcher le rafraĂźchissement de la page.

Ces valeurs produisent des rĂ©sultats inadĂ©quats lorsqu'on copie/dĂ©place des liens, qu'on ouvre des liens dans de nouveaux onglets ou fenĂȘtres, qu'on ajoute des marque-pages ou lorsque le JavaScript est encore en train d'ĂȘtre tĂ©lĂ©chargĂ©. De plus, la sĂ©mantique exposĂ©e par le document, utilisĂ©e par les outils d'assistance, est incorrecte.

-

Dans ces cas, on privilĂ©giera plutĂŽt l'utilisation d'un bouton {{HTMLElement("button")}}. De façon gĂ©nĂ©rale, une ancre ne doit ĂȘtre utilisĂ©e que pour naviguer vers une URL correcte.

+

Dans ces cas, on privilĂ©giera plutĂŽt l'utilisation d'un bouton <button>. De façon gĂ©nĂ©rale, une ancre ne doit ĂȘtre utilisĂ©e que pour naviguer vers une URL correcte.

-

Liens externes, liens vers des ressources non-HTML

+ -

Les liens qui ouvrent un nouvel onglet ou une nouvelle fenĂȘtre grĂące Ă  target="_blank", ainsi que le liens qui ouvrent des fichiers devraient fournir une indication sur ce qui se produira lorsqu'on cliquera sur ces liens.

+

Les liens qui ouvrent un nouvel onglet ou une nouvelle fenĂȘtre grĂące Ă  target="_blank", ainsi que les liens qui ouvrent des fichiers devraient fournir une indication sur ce qui se produira lorsqu'on cliquera sur ces liens.

Les personnes qui utilisent des outils d'assistance Ă  la navigation comme des lecteurs d'Ă©cran et/ou qui souffrent de troubles de la vision, cognitifs peuvent ĂȘtre confuses lorsqu'un nouvel onglet, fichier ou une nouvelle fenĂȘtre s'ouvre de façon inattendue. Les anciennes versions des lecteurs d'Ă©cran peuvent Ă©galement ne pas annoncer ce comportement.

-

Lien vers un nouvel onglet ou une nouvelle fenĂȘtre

+ -
<a target="_blank" href="https://www.wikipedia.org/">WikipĂ©dia (s'ouvre dans une nouvelle fenĂȘtre)</a>
-
+
<a target="_blank" href="https://www.wikipedia.org/">
+  WikipĂ©dia (s'ouvre dans une nouvelle fenĂȘtre)
+</a>
-

Lien vers une ressource non-HTML

+ -
<a target="_blank" href="2017-rapport-annuel.ppt">Rapport annuel 2017 (PowerPoint)</a>
-
+
<a target="_blank" href="2017-rapport-annuel.ppt">
+  Rapport annuel 2017 (PowerPoint)
+</a>

Si une icÎne est utilisée en lieu et place du texte pour indiquer ce comportement, on s'assurera qu'elle contient bien une description alternative.

+
<a  target="_blank" href="https://www.wikipedia.org">
+  Wikipédia
+  <img alt="(s'ouvre dans un nouvel onglet)" src="newtab.svg">
+</a>
+
+<a href="2017-annual-report.ppt">
+  Rapport annuel 2017 (PowerPoint)
+  <img alt="(fichier PowerPoint)" src="ppt-icon.svg">
+</a>
+ -

Skip links - liens pour l'accĂšs rapide au contenu

+ + +

Un skip link (aussi appelé skipnav en anglais) est un élément a qui est placé le plus prÚs possible de l'élément <body> et qui renvoie au début du contenu principal de la page.

-

Un skip link (aussi appelé skipnav en anglais) est un élément a qui est placé le plus prÚs possible de l'élément {{HTMLElement("body")}} et qui renvoie au début du contenu principal de la page.

+
<body>
+  <a href="#content">Skip to main content</a>
+
+  <header>
+    

+  </header>
+
+  <main id="content"> <!-- Le lien "skip" renvoie vers ici -->

Ce lien permet alors de passer plus facilement le contenu qui se rĂ©pĂšte sur l'ensemble des pages (l'en-tĂȘte et la barre de navigation par exemple).

-

Les skip links sont particuliÚrement utiles pour les personnes qui naviguent à l'aide d'outils d'assistance (commande vocale, stylets buccal ou frontal) pour lesquels devoir passer par des liens répétés peut freiner la lecture du document.

+

Les skip links sont particuliÚrement utiles pour les personnes qui naviguent à l'aide d'outils d'assistance (commande vocale, stylets buccal ou frontal) pour lesquels devoir passer par des liens répétés peut freiner la lecture du document.

-

Dimensionnement et proximité

+

Dimensionnement et proximité

-

Dimensionnement - taille

+

La taille

Les éléments interactifs tels que les liens doivent fournir une surface suffisamment grande pour qu'il soit facile de les activer. Cela facilitera la tùche à une variété de personnes : celles qui ont des problÚmes moteur, celles qui utilisent des dispositifs de pointage peu précis (doigt ou stylet). La taille interactive minimale recommandée est de 44x44 pixels CSS.

+

Les liens en texte seul dans le contenu en prose sont exemptĂ©s de cette exigence, mais il est toujours bon de s'assurer qu'il y a suffisamment de texte hyperliĂ© pour ĂȘtre facilement activĂ©.

+ -

Proximité

+

La proximité

Lorsque plusieurs contenus interactifs (y compris les ancres) sont placés les uns à cÎté des autres, il est nécessaire de les espacer suffisamment pour minimiser le risque d'activer le mauvais contenu lors de la navigation.

-

Un tel espacement peut ĂȘtre obtenu grĂące Ă  la propriĂ©tĂ© CSS {{cssxref("margin")}}.

+

Un tel espacement peut ĂȘtre obtenu grĂące Ă  la propriĂ©tĂ© CSS margin.

-

Résumé technique

- - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Catégories de contenuContenu de flux, contenu phrasé, contenu interactif, contenu tangible.
Contenu autoriséContenu transparent qui contient du contenu de flux (mais pas de contenu interactif) ou du contenu phrasé.
Omission de balises{{no_tag_omission}}
Parents autorisésTout élément qui accepte du contenu phrasé ou tout élément qui accepte du contenu de flux. (un élément <a> ne peut pas avoir d'élément parent qui soit également un élément <a>).
RÎles ARIA autorisés{{ARIARole("button")}}, {{ARIARole("checkbox")}}, {{ARIARole("menuitem")}}, {{ARIARole("menuitemcheckbox")}}, {{ARIARole("menuitemradio")}}, {{ARIARole("option")}}, {{ARIARole("radio")}}, {{ARIARole("switch")}}, {{ARIARole("tab")}}, {{ARIARole("treeitem")}}
Interface DOM{{domxref("HTMLAnchorElement")}}
- -

Spécifications

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
SpĂ©cificationÉtatCommentaires
{{SpecName('Referrer Policy', '#referrer-policy-delivery-referrer-attribute', 'referrer attribute')}}{{Spec2('Referrer Policy')}}Ajout de l'attribut referrer.
{{SpecName('HTML WHATWG', 'text-level-semantics.html#the-a-element', '<a>')}}{{Spec2('HTML WHATWG')}}
{{SpecName('HTML5 W3C', 'text-level-semantics.html#the-a-element', '<a>')}}{{Spec2('HTML5 W3C')}}
{{SpecName('HTML4.01', 'struct/links.html#h-12.2', '<a>')}}{{Spec2('HTML4.01')}}
- -
-

Note : HTML 3.2. définit uniquement les attributs name, href, rel, rev et title.

-
+

Spécifications

-

Compatibilité des navigateurs

+

{{Specifications}}

- +

Compatibilité des navigateurs

-

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

+

{{Compat}}

-

Voir aussi

+

Voir aussi

diff --git a/files/fr/web/html/element/abbr/index.html b/files/fr/web/html/element/abbr/index.html index 920bcc3a7e..f92760de19 100644 --- a/files/fr/web/html/element/abbr/index.html +++ b/files/fr/web/html/element/abbr/index.html @@ -1,203 +1,181 @@ --- -title: +title: " : l'élément d'abréviation" slug: Web/HTML/Element/abbr tags: + - Acronym + - Definitions - Element - HTML + - HTML text-level semantics + - HTML:Flow content + - HTML:Palpable Content + - HTML:Phrasing content - Reference - Web + - abbr + - abbreviation + - semantics translation_of: Web/HTML/Element/abbr +browser-compat: html.elements.abbr ---
{{HTMLRef}}
-

L'Ă©lĂ©ment <abbr> reprĂ©sente une abrĂ©viation ou un acronyme et permet, de façon optionnelle, d'en fournir une description complĂšte. S'il est prĂ©sent, l'attribut {{htmlattrxref("title")}} doit contenir cette mĂȘme description complĂšte et rien d'autre.

+

L'élément HTML <abbr> (abréviation en français) représente une abréviation ou un acronyme ; l'attribut facultatif title peut fournir une explication ou une description de l'abréviation. S'il est présent, title doit contenir cette description complÚte et rien d'autre.

{{EmbedInteractiveExample("pages/tabbed/abbr.html", "tabbed-shorter")}}
- - -
-

Note : Voir cet article introductif pour la mise en forme du texte en général.

-
- -

Attributs

- -

Cet élément n'a pas d'autres attributs que les attributs universels.

- -

On notera que l'attribut {{htmlattrdef("title")}} possÚde ici une sémantique spécifique et il représente la description complÚte de l'abréviation. Souvent, mais pas nécessairement, il s'affiche comme une info-bulle au survol de la souris.

- -

Chaque élément <abbr> est indépendant, rattacher un titre à l'un ne l'associe pas aux abrévations identiques qui suivent.

- -

Notes d'utilisation

- -

Cas d'usage généraux

- -

Il n'est pas obligatoire d'utiliser <abbr> pour toutes les abrĂ©vations d'un document mais voici quelques cas oĂč cet Ă©lĂ©ment s'avĂšre pertinent :

+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
Catégories de contenuContenu de flux, contenu phrasé, contenu tangible.
Contenu autoriséContenu phrasé.
Omission de balisesAucune, la balise d'ouverture et la balise de fermeture sont obligatoires.
Parents autorisésTout élément acceptant du contenu phrasé.
RÎles ARIA autorisésTous les rÎles sont autorisés.
Interface DOMHTMLElement
+ +

Attributs

+ +

Cet élément n'a pas d'autres attributs que les attributs universels.

+ +

On notera que l'attribut title possÚde ici une sémantique spécifique et il représente la description complÚte de l'abréviation. Souvent, mais pas nécessairement, il s'affiche comme une info-bulle au survol de la souris.

+ +

Chaque élément <abbr> est indépendant, rattacher un titre à l'un ne l'associe pas aux abréviations identiques qui suivent.

+ +

Notes d'utilisation

+ +

Cas d'usage généraux

+ +

Il n'est pas obligatoire d'utiliser <abbr> pour toutes les abrĂ©viations d'un document mais voici quelques cas oĂč cet Ă©lĂ©ment s'avĂšre pertinent :

    -
  • Lorsqu'une abrĂ©vation est utilisĂ©e et qu'on souhaite fournir une dĂ©finition ou une explication en dehors du contenu du document, on utilisera <abbr> avec un attribut {{htmlattrxref("title")}} adĂ©quat.
    • -
  • Lorsqu'une abrĂ©vation fait partie d'un jargon ou d'un vocabulaire qui risque d'ĂȘtre inconnu du lecteur, un Ă©lĂ©ment <abbr> avec un attribut title explicatif pourra ĂȘtre utilisĂ©.
    • -
  • Lorsqu'on souhaite bĂ©nĂ©ficier de la sĂ©mantique liĂ©e Ă  l'abrĂ©vation (par exemple pour les manipuler en script ou les mettre en forme avec des feuilles de style), on pourra utiliser <abbr> pour identifier ces contenus.
    • -
  • Lorsqu'on souhaite dĂ©finir des termes qui sont des abrĂ©vations, on pourra utiliser une combinaison de <abbr> et de {{HTMLElement("dfn")}}. Voir ci-aprĂšs pour un exemple.
    • +
  • Lorsqu'une abrĂ©viation est utilisĂ©e et qu'on souhaite fournir une dĂ©finition ou une explication en dehors du contenu du document, on utilisera <abbr> avec un attribut title adĂ©quat.
    • +
  • Lorsqu'une abrĂ©viation fait partie d'un jargon ou d'un vocabulaire qui risque d'ĂȘtre inconnu du lecteur, un Ă©lĂ©ment <abbr> avec un attribut title explicatif pourra ĂȘtre utilisĂ©.
    • +
  • Lorsqu'on souhaite bĂ©nĂ©ficier de la sĂ©mantique liĂ©e Ă  l'abrĂ©viation (par exemple pour les manipuler en script ou les mettre en forme avec des feuilles de style), on pourra utiliser <abbr> pour identifier ces contenus.
    • +
  • Lorsqu'on souhaite dĂ©finir des termes qui sont des abrĂ©viations, on pourra utiliser une combinaison de <abbr> et de <dfn>. Voir ci-aprĂšs pour un exemple.
-

Grammaire

+

Grammaire

-

Lorsqu'il est présent, le nombre (grammatical) du texte de l'attribut title devrait correspondre à celui du contenu de l'élément abbr. C'est également le cas dans les langues avec plus de deux genres grammaticaux (par exemple, l'Arabe, en plus des catégories pour le singulier et le pluriel, possÚde également une catégorie double).

+

Lorsqu'il est présent, le nombre (grammatical) du texte de l'attribut title devrait correspondre à celui du contenu de l'élément abbr. C'est également le cas dans les langues avec plus de deux genres grammaticaux (par exemple, l'arabe, en plus des catégories pour le singulier et le pluriel, possÚde également une catégorie double).

-

Mise en forme par défaut

+

Mise en forme par défaut

-

Le but de cet élément est purement explicatif. Tous les navigateurs l'affichent en ligne ({{cssxref('display')}}: inline) par défaut mais le reste de la mise en forme par défaut peut varier d'un navigateur à l'autre :

+

Le but de cet élément est purement explicatif. Tous les navigateurs l'affichent en ligne (display: inline) par défaut mais le reste de la mise en forme par défaut peut varier d'un navigateur à l'autre :

    -
  • Certains navigateurs tels qu'Internet Explore lui appliquent la mĂȘme mise en forme qu'Ă  un Ă©lĂ©ment {{HTMLElement("span")}}.
    • -
  • Opera, Firefox et d'autres navigateurs souligne l'abrĂ©viation avec une ligne de points.
    • -
  • D'autres navigateurs ne soulignent pas le texte mais l'Ă©crivent en petites majuscules. Pour Ă©viter ce comportement, on pourra utiliser la rĂšgle CSS {{cssxref("font-variant")}}: none.
    • +
  • Certains navigateurs tels qu'Internet Explore lui appliquent la mĂȘme mise en forme qu'Ă  un Ă©lĂ©ment <span>.
    • +
  • Opera, Firefox et d'autres navigateurs souligne l'abrĂ©viation avec une ligne de points.
    • +
  • D'autres navigateurs ne soulignent pas le texte mais l'Ă©crivent en petites majuscules. Pour Ă©viter ce comportement, on pourra utiliser la rĂšgle CSS font-variant: none.
-

Exemples

+

Exemples

-

Baliser une abrévation pour marquer la sémantique

+

Baliser une abréviation pour marquer la sémantique

-

On peut baliser une abrévation sans fournir de description ou de définition, il suffit d'utiliser <abbr> sans attribut.

+

On peut baliser une abréviation sans fournir de description ou de définition, il suffit d'utiliser <abbr> sans attribut.

-

HTML

+

HTML

-
<p>Nous allons voir le <abbr>HTML</abbr> qui sert Ă  construire des pages web.</p>
+
<p>
+  Nous allons voir le <abbr>HTML</abbr> qui sert Ă  construire
+  des pages web.
+</p>
-

RĂ©sultat

+

RĂ©sultat

-

{{EmbedLiveSample("Baliser_une_abréviation_pour_marquer_la_sémantique")}}

+

{{EmbedLiveSample("marking_up_an_abbreviation_semantically", "100%", 80)}}

-

Mettre en forme des abréviations

+

Mettre en forme des abréviations

CSS peut ĂȘtre utilisĂ© pour appliquer une mise en forme particuliĂšre sur les abrĂ©viations.

-

HTML

+

HTML

<p>Avec <abbr>CSS</abbr>, on peut mettre en forme les éléments.</p>
-

CSS

+

CSS

abbr {
   font-variant: all-small-caps;
 }
-

RĂ©sultat

+

RĂ©sultat

-

{{EmbedLiveSample("Mettre_en_forme_des_abréviations")}}

+

{{EmbedLiveSample("styling_abbreviations", "100%", 80)}}

-

Fournir une description

+

Fournir une description

-

On peut ajouter un attribut {{htmlattrxref("title")}} afin de fournir une description de l'abréviation ou de l'acronyme.

+

On peut ajouter un attribut title afin de fournir une description de l'abréviation ou de l'acronyme.

-

HTML

+

HTML

<p>Et là je lui ai répondu <abbr title="Laugh Out Loud">LOL</abbr>.</p>
-

RĂ©sultat

+

RĂ©sultat

-

{{EmbedLiveSample("Fournir_une_description")}}

+

{{EmbedLiveSample("providing_an_expansion", "100%", 80)}}

-

Définir une abréviation

+

Définir une abréviation

-

Il est possible d'utiliser l'élément <abbr> avec {{HTMLElement("dfn")}} afin de formellement définir une abréviation.

+

Il est possible d'utiliser l'élément <abbr> avec <dfn> afin de formellement définir une abréviation.

-

HTML

+

HTML

<p><dfn id="html"><abbr title="HyperText Markup Language">HTML</abbr>
-</dfn> est un langage de balise qui permet de créer la structure et d'organiser
-la sémantique d'une page web.</p>
+</dfn> est un langage de balise qui permet de créer la structure
+et d'organiser la sémantique d'une page web.</p>
 
-<p>Une <dfn id="spec">Spécification</dfn>
-(<abbr title="Specification">spec</abbr>) est un document qui décrit, de façon
-détaillée comme une technologie ou une API fonctionne et comment l'utiliser.</p>
+<p>Une <dfn id="spec">spécification</dfn> +(<abbr title="spécification">spec</abbr>) est un document qui décrit, +de façon détaillée comme une technologie ou une API fonctionne et comment +l'utiliser.</p> -

RĂ©sultat

+

RĂ©sultat

-

{{EmbedLiveSample("Définir_une_abréviation", 600, 120)}}

+

{{EmbedLiveSample("defining_an_abbreviation", "100%", 160)}}

-

Accessibilité

+

Accessibilité

C'est une bonne pratique que d'épeler l'acronyme ou l'abréviation lorsqu'elle est utilisée pour la premiÚre fois. Cela permet au lecteur de mieux comprendre le terme, notamment si celui-ci est technique ou appartient à un jargon spécifique.

-

Exemple

+

Exemple

-
<p>JavaScript Object Notation (<abbr>JSON</abbr>) est un format léger d'échange de données.</p>
+
<p>JavaScript Object Notation (<abbr>JSON</abbr>) est un format léger
+  d'échange de données.</p>
 

 
 
Cela peut servir aux personnes qui découvrent ces concepts pour la premiÚre fois ou pour les personnes souffrant de troubles cognitifs.

 
-
Résumé technique

+
Spécifications

 
-
- 
-  
-   
-   
-  
-  
-   
-   
-  
-  
-   
-   
-  
-  
-   
-   
-  
-  
-   
-   
-  
-  
-   
-   
-  
- 
-
Catégories de contenuContenu de flux, contenu phrasé, contenu tangible.
Contenu autoriséContenu phrasé.
Omission de balises{{no_tag_omission}}
Parents autorisésTout élément acceptant du contenu phrasé.
RÎles ARIA autorisésTous les rÎles sont autorisés.
Interface DOM{{domxref("HTMLElement")}}

-
-
Specifications

-
-
- 
-  
-   
-   
-   
-  
- 
- 
-  
-   
-   
-   
-  
-  
-   
-   
-   
-  
-  
-   
-   
-   
-  
- 
-
SpecificationStatusComment
{{SpecName('HTML WHATWG', 'semantics.html#the-abbr-element', '<abbr>')}}{{Spec2('HTML WHATWG')}} 
{{SpecName('HTML5 W3C', 'text-level-semantics.html#the-abbr-element', '<abbr>')}}{{Spec2('HTML5 W3C')}} 
{{SpecName('HTML4.01', 'struct/text.html#edef-ABBR', '<abbr>')}}{{Spec2('HTML4.01')}} 

-
-
Compatibilité des navigateurs

-
-
-
-
{{Compat("html.elements.abbr")}}

-
-
Voir aussi

+
{{Specifications}}

+
+
Compatibilité des navigateurs

+
+
{{Compat}}

+
+
Voir aussi

 
 
    
- 
  • Utiliser l'Ă©lĂ©ment <abbr>
    • 
- 
  • Les autres Ă©lĂ©ments ayant une sĂ©mantique textuelle : {{HTMLElement("a")}}, {{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")}}.
    • 
- 
  • L'Ă©lĂ©ment obsolĂšte {{HTMLElement("acronym")}} dont la sĂ©mantique a Ă©tĂ© « fusionnĂ©e » dans <abbr>
    • 
+  
  • Utiliser l'Ă©lĂ©ment <abbr>
    • 
 

diff --git a/files/fr/web/html/element/acronym/index.html b/files/fr/web/html/element/acronym/index.html
index cd1d71fa0a..8909b7ba3e 100644
--- a/files/fr/web/html/element/acronym/index.html
+++ b/files/fr/web/html/element/acronym/index.html
@@ -1,31 +1,44 @@
 ---
-title: 
+title: " : l'élément d'acronyme"
 slug: Web/HTML/Element/acronym
 tags:
   - Element
   - HTML
-  - Obsolete
+  - HTML:Flow content
+  - Deprecated
   - Reference
   - Web
 translation_of: Web/HTML/Element/acronym
+browser-compat: html.elements.acronym
 ---
-
{{obsolete_header}}{{HTMLRef}}

+
{{HTMLRef}}

 
-
L'élément HTML <acronym>, pour les acronymes, permet aux auteurs de pages d'indiquer une suite de caractÚres composant un acronyme ou l'abréviation d'un mot.

+

+  
ObsolĂšte

+  
Cette fonctionnalité a été supprimée des standards du Web. Bien que quelques navigateurs puissent encore la supporter, elle est en cours d'éradication. Ne l'utilisez ni dans d'anciens projets, ni dans de nouveaux. Les pages et applications Web l'utilisant peuvent cesser de fonctionner à tout moment.

+

 
-
Note d'utilisation : Cet Ă©lĂ©ment n'existe plus en HTML5 et ne devrait plus ĂȘtre utilisĂ©. Les dĂ©veloppeurs web devraient utiliser l'Ă©lĂ©ment {{HTMLElement("abbr")}} Ă  la place.

+
L'élément HTML <acronym>, pour les acronymes, permet aux auteurs de pages d'indiquer une suite de caractÚres composant un acronyme ou l'abréviation d'un mot.

 
-
Attributs

+

+  
Note :

+  
Cet Ă©lĂ©ment n'existe plus en HTML5 et ne devrait plus ĂȘtre utilisĂ©. Les dĂ©veloppeuses et dĂ©veloppeurs web devraient utiliser l'Ă©lĂ©ment <abbr> Ă  la place.

+

 
-
Cet élément n'a pas d'autres attributs que les attributs universels, communs à tous les éléments.

+
Attributs

 
-
Interface DOM

+
Cet élément n'a pas d'autres attributs que les attributs universels, communs à tous les éléments.

 
-
Cet élément implémente l'interface {{domxref('HTMLElement')}}.

+
Interface DOM

 
-
Note d'implémentation : Jusqu'à Gecko 1.9.2 (inclus), Firefox implémente l'interface {{domxref('HTMLSpanElement')}} pour cet élément.

+
Cet élément implémente l'interface HTMLElement.

 
-
Exemple

+

+  
Note :

+  
Jusqu'à Gecko 1.9.2 (inclus), Firefox implémente l'interface HTMLSpanElement pour cet élément.

+

+
+
Exemple

 
 
<p>
    Le <acronym title="World Wide Web" lang="en">WWW</acronym>
@@ -33,45 +46,28 @@ translation_of: Web/HTML/Element/acronym
 </p>
 

 
-
Style par défaut

+
Style par défaut

 
 
Bien que le but de cette balise ne soit simplement qu'un avantage pratique pour l'auteur, son style par défaut varie selon les navigateurs :

 
 
    
- 
  • Certains navigateurs comme Internet Explorer lui attribuent le mĂȘme style qu'un Ă©lĂ©ment {{HTMLElement("span")}}.
    • 
- 
  • Opera, Firefox, et quelques autres ajoutent une ligne pointillĂ©e sous le contenu de l'Ă©lĂ©ment.
    • 
- 
  • Quelques navigateurs ajoutent une ligne pointillĂ©e en dessous et mettent le contenu en petites majuscules. Pour Ă©viter ce comportement, il est possible d'ajouter {{cssxref('font-variant')}}: none Ă  la feuille de style CSS.
    • 
+  
  • Certains navigateurs comme Internet Explorer lui attribuent le mĂȘme style qu'un Ă©lĂ©ment <span>.
    • 
+  
  • Opera, Firefox, et quelques autres ajoutent une ligne pointillĂ©e sous le contenu de l'Ă©lĂ©ment.
    • 
+  
  • Quelques navigateurs ajoutent une ligne pointillĂ©e en dessous et mettent le contenu en petites majuscules. Pour Ă©viter ce comportement, il est possible d'ajouter font-variant: none Ă  la feuille de style CSS.
    • 
 

 
 
Il est donc fortement recommandé que les développeurs web ne s'attendent pas à un comportement uniforme concernant ce style par défaut.

 
-
Spécifications

-
-
- 
-  
-   
-   
-   
-  
- 
- 
-  
-   
-   
-   
-  
- 
-
SpĂ©cificationÉtatCommentaires
{{SpecName('HTML4.01', 'struct/text.html#edef-ACRONYM', '<acronym>')}}{{Spec2('HTML4.01')}} 

+
Spécifications

 
-
Compatibilité des navigateurs

+
{{Specifications}}

 
-
+
Compatibilité des navigateurs

 
-
{{Compat("html.elements.acronym")}}

+
{{Compat}}

 
-
Voir aussi

+
Voir aussi

 
 
    
- 
  • L'Ă©lĂ©ment HTML {{HTMLElement("abbr")}}
    • 
+  
  • L'Ă©lĂ©ment HTML <abbr>
    • 
 

diff --git a/files/fr/web/html/element/address/index.html b/files/fr/web/html/element/address/index.html
index 2ac2eaa488..e89c7c69f3 100644
--- a/files/fr/web/html/element/address/index.html
+++ b/files/fr/web/html/element/address/index.html
@@ -2,44 +2,84 @@
 title: '
 : l''élément d''adresse de contact'
 slug: Web/HTML/Element/address
 tags:
+  - Address
+  - Author
+  - Contact
+  - Contact Information
   - Element
+  - Email
+  - Email Address
   - HTML
+  - HTML sections
+  - HTML:Flow content
+  - HTML:Palpable Content
   - Reference
   - Web
 translation_of: Web/HTML/Element/address
+browser-compat: html.elements.address
 ---
 
{{HTMLRef}}

 
-
L'élément HTML <address> indique des informations de contact pour une personne, un groupe de personnes ou une organisation.

+
L'élément HTML <address> indique des informations de contact pour une personne, un groupe de personnes ou une organisation.

 
 
{{EmbedInteractiveExample("pages/tabbed/address.html", "tabbed-standard")}}

 
-
-
 
L'information de contact fournie via cet Ă©lĂ©ment peut prendre n'importe quelle forme pertinente : ce peut ĂȘtre une adresse physique, une URL, une adresse Ă©lectronique, un numĂ©ro de tĂ©lĂ©phone, des coordonnĂ©es gĂ©ographiques, etc. Ces informations devraient contenir le nom de la personne, du groupe de personne ou de l'organisation Ă  laquelle le contact fait rĂ©fĂ©rence.

 
-
Cet Ă©lĂ©ment peut ĂȘtre employĂ© dans un Ă©lĂ©ment {{HTMLElement("article")}} ou faire rĂ©fĂ©rence Ă  l'ancĂȘtre {{HTMLElement("body")}} ; dans ce dernier cas, cela s'applique au document entier.

+
Cet Ă©lĂ©ment peut ĂȘtre employĂ© dans un Ă©lĂ©ment <article> pour indiquer la personne qui Ă©crit l'article ou ĂȘtre utilisĂ© dans l'en-tĂȘte de la page pour fournir une adresse d'entreprise.

 
+
+  
+    
+      
+      
+    
+    
+      
+      
+    
+    
+      
+      
+    
+    
+      
+      
+    
+    
+      
+      
+     
+    
+      
+      
+    
+    
+      
+      
+    
+  
+
Catégories de contenuContenu de flux, contenu tangible.
Contenu autoriséContenu de flux, mais sans élément <address> inclus, sans contenu de titre (<hgroup>, <h1>, <h2>, <h3>, <h4>, <h5>, <h6>), sans contenu de section (<article>, <aside>, <section>, <nav>), et sans <header> ou élément <footer>.
Omission de balisesAucune, la balise d'ouverture et la balise de fermeture sont obligatoires.
Parents autorisésTout élément qui accepte un contenu de flux mais pas d'éléments <address>.
RĂŽle ARIA impliciteAucun rĂŽle correspondant
RÎles ARIA autorisésAucun.
Interface DOMHTMLElement. Avant Gecko 2.0 (Firefox 4), Gecko implémentait cet élément en utilisant l'interface HTMLSpanElement.

 
-
Attributs

+
Attributs

 
-
Cet élément n'a pas d'autres attributs que les attributs universels, communs à tous les éléments.

+
Cet élément n'a pas d'autres attributs que les attributs universels, communs à tous les éléments.

 
-
Notes d'utilisation

+
Notes d'utilisation

 
 
    
- 
  • Pour reprĂ©senter une adresse arbitraire, qui n'est pas relative Ă  l'information de contact, on utilisera l'Ă©lĂ©ment {{HTMLElement("p")}} plutĂŽt que l'Ă©lĂ©ment <address>.
    • 
- 
  • Cet Ă©lĂ©ment ne doit pas contenir plus d'informations que l'information de contact, par exemple une date de publication (qui appartiendrait Ă  l'Ă©lĂ©ment {{HTMLElement("time")}}).
    • 
- 
  • Typiquement un Ă©lĂ©ment <address> peut ĂȘtre placĂ© dans l'Ă©lĂ©ment  {{HTMLElement("footer")}} de la section courante, s'il y en a une.
    • 
+  
  • Pour reprĂ©senter une adresse arbitraire, qui n'est pas relative Ă  l'information de contact, on utilisera l'Ă©lĂ©ment <p> plutĂŽt que l'Ă©lĂ©ment <address>.
    • 
+  
  • Cet Ă©lĂ©ment ne doit pas contenir plus d'informations que l'information de contact, par exemple une date de publication (qui appartiendrait Ă  l'Ă©lĂ©ment <time>).
    • 
+  
  • Typiquement un Ă©lĂ©ment <address> peut ĂȘtre placĂ© dans l'Ă©lĂ©ment <footer> de la section courante, s'il y en a une.
    • 
 

 
-
Exemples

-
-
HTML

+
Exemple

 
 
<address>
-  Vous pouvez contacter l'auteur Ă  l'adresse <a href="http://www.undomaine.com/contact">www.undomaine.com</a>.<br>
-  Si vous relevez quelques bogues que ce soient, merci de contacter <a href="mailto:webmaster@somedomain.com">le webmaster</a>.<br>
+  Vous pouvez contacter l'auteur Ă  l'adresse
+  <a href="http://www.undomaine.com/contact">www.undomaine.com</a>.<br>
+  Si vous relevez quelques bogues que ce soient, merci de contacter
+  <a href="mailto:webmaster@somedomain.com">le webmaster</a>.<br>
   Vous pouvez aussi venir nous voir :<br>
   Mozilla Foundation<br>
   1981 Landings Drive<br>
@@ -49,79 +89,23 @@ translation_of: Web/HTML/Element/address
 </address>
 

 
-
RĂ©sultat

+
RĂ©sultat

 
-
{{EmbedLiveSample("Exemple")}}

+
{{EmbedLiveSample("example", "100%", 190)}}

 
-
Bien que le rendu par dĂ©faut du texte de l'Ă©lĂ©ment <address> utilise le mĂȘme style par dĂ©faut que les Ă©lĂ©ments {{HTMLElement("i")}} ou {{HTMLElement("em")}}, il est plus appropriĂ© d'utiliser cet Ă©lĂ©ment lorsque l'on traite d'informations de contact, Ă©tant donnĂ© qu'il apporte des informations sĂ©mantiques supplĂ©mentaires.

-
Résumé technique

+
Bien que le rendu par dĂ©faut du texte de l'Ă©lĂ©ment <address> utilise le mĂȘme style par dĂ©faut que les Ă©lĂ©ments <i> ou <em>, il est plus appropriĂ© d'utiliser cet Ă©lĂ©ment lorsque l'on traite d'informations de contact, Ă©tant donnĂ© qu'il apporte des informations sĂ©mantiques supplĂ©mentaires.

 
-
- 
-  
-   
-   
-  
-  
-   
-   
-  
-  
-   
-   
-  
-  
-   
-   
-  
-  
-   
-   
-  
-  
-   
-   
-  
- 
-
Catégories de contenuContenu de flux, contenu tangible.
Contenu autoriséContenu de flux, mais sans élément <address> inclus, sans contenu de titre  ({{HTMLElement("hgroup")}}, {{HTMLElement("h1")}}, {{HTMLElement("h2")}}, {{HTMLElement("h3")}}, {{HTMLElement("h4")}}, {{HTMLElement("h5")}}, {{HTMLElement("h6")}}), sans contenu de section ({{HTMLElement("article")}}, {{HTMLElement("aside")}}, {{HTMLElement("section")}}, {{HTMLElement("nav")}}), et sans {{HTMLElement("header")}} ou élément {{HTMLElement("footer")}}.
Omission de balises{{no_tag_omission}}
Parents autorisésTout élément qui accepte un contenu de flux mais pas d'éléments <address>.
RÎles ARIA autorisésAucun.
Interface DOM{{domxref("HTMLElement")}}. Avant Gecko 2.0 (Firefox 4), Gecko implémentait cet élément en utilisant l'interface {{domxref("HTMLSpanElement")}}.

-
Spécifications

-
-
- 
-  
-   
-   
-   
-  
- 
- 
-  
-   
-   
-   
-  
-  
-   
-   
-   
-  
-  
-   
-   
-   
-  
- 
-
SpĂ©cificationÉtatCommentaires
{{SpecName('HTML WHATWG', 'semantics.html#the-address-element', '<address>')}}{{Spec2('HTML WHATWG')}} 
{{SpecName('HTML5 W3C', 'sections.html#the-address-element', '<address>')}}{{Spec2('HTML5 W3C')}} 
{{SpecName('HTML4.01', 'struct/global.html#h-7.5.6', '<address>')}}{{Spec2('HTML4.01')}} 

+
Spécifications

 
-
Compatibilité des navigateurs

+
{{Specifications}}

 
-
+
Compatibilité des navigateurs

 
-
{{Compat("html.elements.address")}}

+
{{Compat}}

 
-
Voir aussi

+
Voir aussi

 
 
diff --git a/files/fr/web/html/element/applet/index.html b/files/fr/web/html/element/applet/index.html
index 2515ada501..1a0fb83e01 100644
--- a/files/fr/web/html/element/applet/index.html
+++ b/files/fr/web/html/element/applet/index.html
@@ -1,64 +1,97 @@
 ---
-title: ' : l''élément d''applet Java embarqué'
+title: " : l'élément d'applet Java embarqué"
 slug: Web/HTML/Element/applet
 tags:
   - Element
   - HTML
-  - Obsolete
+  - Java
+  - Deprecated
   - Reference
   - Web
+  - applet
 translation_of: Web/HTML/Element/applet
 ---
-
{{HTMLRef}}{{obsolete_header}}

+
{{HTMLRef}}

 
-

-
Attention ! Cet élément a été retiré à partir de Gecko 56, de Chrome 47 et le retrait est à l'étude pour WebKit et Edge.

+

+  
ObsolĂšte

+  
Cette fonctionnalité a été supprimée des standards du Web. Bien que quelques navigateurs puissent encore la supporter, elle est en cours d'éradication. Ne l'utilisez ni dans d'anciens projets, ni dans de nouveaux. Les pages et applications Web l'utilisant peuvent cesser de fonctionner à tout moment.

 

 
-
L'élément HTML <applet>, pour les applets, définit l'intégration d'une applet Java. Cet élément est désormais déprécié en faveur de {{HTMLElement("object")}}.

+

+  
Attention !

+  
Cet élément a été retiré à partir de Gecko 56, de Chrome 47 et le retrait est à l'étude pour WebKit et Edge.

+

+
+
L'élément <applet>, pour les applets, définit l'intégration d'un applet Java. Cet élément est désormais déprécié en faveur de <object>.

 
 
L'utilisation d'applets Java sur le Web est dépréciée, la plupart des navigateurs ne prennent plus en charge les plugins Java.

 
-
Attributs

+
+  
+    
+      
+      
+    
+    
+      
+      
+    
+    
+      
+      
+    
+    
+      
+      
+    
+    
+      
+      
+    
+  
+
Catégories de contenuContenu de flux, contenu phrasé, contenu intégré, contenu interactif, contenu tangible.
Contenu autoriséZéro ou plusieurs <param> suivi d'un contenu transparent.
Omission de balisesAucune, la balise d'ouverture et la balise de fermeture sont obligatoires.
Parents autorisésTout élément qui accepte du contenu intégré.
Interface DOMHTMLAppletElement (supprimé)

+
+
Attributs

 
-
Cet élément peut utiliser les attributs universels.

+
Cet élément peut utiliser les attributs universels.

 
 

- 
{{htmlattrdef("align")}}

- 
Cet attribut est utilisé pour positionner l'applet sur la page en fonction du contenu qui l'entoure. La spécification HTML 4.01 définit l'utilisation des valeurs bottom (en bas),  left (à gauche), middle (au milieu), right (à droite), et top (en haut), tandis que Microsoft et Netscape supporteraient également les valeurs absbottom, absmiddle, baseline, center, et texttop.

- 
{{htmlattrdef("alt")}}

- 
Cet attribut gĂ©nĂšre un texte alternatif Ă  afficher pour les navigateurs ne supportant pas Java. Il est Ă  noter que le contenu de l'Ă©lĂ©ment <applet> peut ĂȘtre Ă©galement restituĂ© comme du texte alternatif dans certains cas.

- 
{{htmlattrdef("archive")}}

- 
Cet attribut fait référence à une version archivée ou compressée de l'applet et des fichiers classes associés, ce qui peut aider à réduire le temps de téléchargement.

- 
{{htmlattrdef("code")}}

- 
Cet attribut dĂ©finit l'URL du fichier classe de l'applet qui doit ĂȘtre chargĂ© et exĂ©cutĂ©. Les noms de fichiers pour les applets sont dĂ©finis avec une extension en .class. L'URL dĂ©finie par cet attribut peut ĂȘtre relative par rapport Ă  l'attribut codebase.

- 
{{htmlattrdef("codebase")}}

- 
Cet attribut donne une URL absolue ou relative du rĂ©pertoire oĂč les fichiers classes de l'applet (dĂ©clarĂ©s dans l'attribut code) doivent ĂȘtre placĂ©s.

- 
{{htmlattrdef("datafld")}}

- 
Cet attribut, supportĂ© par Internet Explorer Ă  partir de sa version 4, dĂ©finit le nom de colonne attribuĂ© aux objets de donnĂ©es fournis par les donnĂ©es attachĂ©es. Cet attribut peut ĂȘtre utilisĂ© pour dĂ©finir les diffĂ©rents Ă©lĂ©ments {{HTMLElement("param")}} envoyĂ©s Ă  l'applet Java.

- 
{{htmlattrdef("datasrc")}}

- 
Comme l'attribut datafld, cet attribut est utilisé pour les données attachées sous Internet Explorer 4. Il indique un identifiant pour l'objet définissant la source des données qui seront attachées aux élément {{HTMLElement("param")}} associés à l'applet.

- 
{{htmlattrdef("height")}}

- 
Cet attribut définit la hauteur dont l'applet à besoin, en pixels.

- 
{{htmlattrdef("hspace")}}

- 
Cet attribut dĂ©finit l'espace horizontal supplĂ©mentaire qui doit ĂȘtre rĂ©servĂ© Ă  cĂŽtĂ© de l'applet, en pixels.

- 
{{htmlattrdef("mayscript")}}

- 
Cet attribut, concerné par l'implémentation effectuée dans Netscape, permet l'accÚs à l'applet par les scripts contenus dans le document.

- 
{{htmlattrdef("name")}}

- 
Cet attribut donne un nom à l'applet afin qu'elle soit possiblement identifiée par d'autres ressources, notamment les scripts.

- 
{{htmlattrdef("object")}}

- 
Cet attribut définit l'URL d'une représentation de l'applet.

- 
{{htmlattrdef("src")}}

- 
Dans Internet Explorer 4 et ses versions ultérieures, cet attribut définit une URL pour le fichier associé à l'applet. La signification de cet attribut n'est pas claire et ne fait pas partie du standard HTML.

- 
{{htmlattrdef("vspace")}}

- 
Cet attribut dĂ©finit l'espace supplĂ©mentaire qui doit ĂȘtre rĂ©servĂ© en haut et en bas de l'applet, en pixels.

- 
{{htmlattrdef("width")}}

- 
Cet attribut définit la largeur, en pixels, dont l'applet a besoin

+  
align {{deprecated_inline}}

+  
Cet attribut est utilisé pour positionner l'applet sur la page en fonction du contenu qui l'entoure. La spécification HTML 4.01 définit l'utilisation des valeurs bottom (en bas), left (à gauche), middle (au milieu), right (à droite), et top (en haut), tandis que Microsoft et Netscape supporteraient également les valeurs absbottom, absmiddle, baseline, center, et texttop.

+  
alt {{deprecated_inline}}

+  
Cet attribut gĂ©nĂšre un texte alternatif Ă  afficher pour les navigateurs ne supportant pas Java. Il est Ă  noter que le contenu de l'Ă©lĂ©ment <applet> peut ĂȘtre Ă©galement restituĂ© comme du texte alternatif dans certains cas.

+  
archive {{deprecated_inline}}

+  
Cet attribut fait référence à une version archivée ou compressée de l'applet et des fichiers classes associés, ce qui peut aider à réduire le temps de téléchargement.

+  
code {{deprecated_inline}}

+  
Cet attribut dĂ©finit l'URL du fichier classe de l'applet qui doit ĂȘtre chargĂ© et exĂ©cutĂ©. Les noms de fichiers pour les applets sont dĂ©finis avec une extension en .class. L'URL dĂ©finie par cet attribut peut ĂȘtre relative par rapport Ă  l'attribut codebase.

+  
codebase {{deprecated_inline}}

+  
Cet attribut donne une URL absolue ou relative du rĂ©pertoire oĂč les fichiers classes de l'applet (dĂ©clarĂ©s dans l'attribut code) doivent ĂȘtre placĂ©s.

+  
datafld {{deprecated_inline}}

+  
Cet attribut, supportĂ© par Internet Explorer Ă  partir de sa version 4, dĂ©finit le nom de colonne attribuĂ© aux objets de donnĂ©es fournis par les donnĂ©es attachĂ©es. Cet attribut peut ĂȘtre utilisĂ© pour dĂ©finir les diffĂ©rents Ă©lĂ©ments <param> envoyĂ©s Ă  l'applet Java.

+  
datasrc {{deprecated_inline}}

+  
Comme l'attribut datafld, cet attribut est utilisé pour les données attachées sous Internet Explorer 4. Il indique un identifiant pour l'objet définissant la source des données qui seront attachées aux éléments <param> associés à l'applet.

+  
height {{deprecated_inline}}

+  
Cet attribut définit la hauteur dont l'applet à besoin, en pixels.

+  
hspace {{deprecated_inline}}

+  
Cet attribut dĂ©finit l'espace horizontal supplĂ©mentaire qui doit ĂȘtre rĂ©servĂ© Ă  cĂŽtĂ© de l'applet, en pixels.

+  
mayscript {{deprecated_inline}}

+  
Cet attribut, concerné par l'implémentation effectuée dans Netscape, permet l'accÚs à l'applet par les scripts contenus dans le document.

+  
name {{deprecated_inline}}

+  
Cet attribut donne un nom à l'applet afin qu'elle soit possiblement identifiée par d'autres ressources, notamment les scripts.

+  
object {{deprecated_inline}}

+  
Cet attribut définit l'URL d'une représentation de l'applet.

+  
src {{deprecated_inline}}

+  
Dans Internet Explorer 4 et ses versions ultérieures, cet attribut définit une URL pour le fichier associé à l'applet. La signification de cet attribut n'est pas claire et ne fait pas partie du standard HTML.

+  
vspace {{deprecated_inline}}

+  
Cet attribut dĂ©finit l'espace supplĂ©mentaire qui doit ĂȘtre rĂ©servĂ© en haut et en bas de l'applet, en pixels.

+  
width {{deprecated_inline}}

+  
Cet attribut définit la largeur, en pixels, dont l'applet a besoin

 

 
-
Exemples

+
Exemple

 
-
HTML

+
HTML

 
 
<applet code="game.class" align="left" archive="game.zip" height="250" width="350">
   <param name="difficulte" value="facile">
@@ -66,82 +99,18 @@ translation_of: Web/HTML/Element/applet
 </applet>
 

 
-
RĂ©sultat

+
RĂ©sultat

 
-
{{EmbedLiveSample("Exemples","100%", 300)}}

+
{{EmbedLiveSample("example","100%", 30)}}

 
-
Résumé technique

-
-
- 
-  
-   
-   
-  
-  
-   
-   
-  
-  
-   
-   
-  
-  
-   
-   
-  
-  
-   
-   
-  
- 
-
Catégories de contenuContenu de flux, contenu phrasé, contenu intégré, contenu interactif, contenu tangible.
Contenu autoriséZéro ou plusieurs {{HTMLElement("param")}} suivi d'un contenu transparent.
Omission de baliseAucune. La balise de début et la balise de fin sont obligatoires.
Parents autorisésTout élément qui accepte du contenu intégré.
Interface DOM{{DOMxRef("HTMLAppletElement")}}

-
-
Spécifications

-
-
- 
-  
-   
-   
-   
-  
- 
- 
-  
-   
-   
-   
-  
-  
-   
-   
-   
-  
-  
-   
-   
-   
-  
-  
-   
-   
-   
-  
-  
-   
-   
-   
-  
- 
-
SpĂ©cificationÉtatCommentaires
{{SpecName("HTML WHATWG", "obsolete.html#applet", "<applet>")}}{{Spec2("HTML WHATWG")}}Retrait de l'élément, seule une note rappelle qu'il a existé.
{{SpecName("HTML5.2", "obsolete.html#the-applet-element", "<applet>")}}{{Spec2("HTML5.2")}} 
{{SpecName("HTML5.1", "obsolete.html#the-applet-element", "<applet>")}}{{Spec2("HTML5.1")}} 
{{SpecName("HTML5 W3C", "obsolete.html#the-applet-element", "<applet>")}}{{Spec2("HTML5 W3C")}}L'élément est rendu obsolÚte.
{{SpecName("HTML4.01", "struct/objects.html#h-13.4", "<applet>")}}{{Spec2("HTML4.01")}}ÉlĂ©ment dĂ©prĂ©ciĂ© et remplacĂ© par {{HTMLElement("object")}}

+
Spécifications

 
-
Compatibilité des navigateurs

+
{{Specifications}}

 
-
+
Compatibilité des navigateurs

 
-
{{Compat("html.elements.applet")}}

+
{{Compat}}

 
-
Notes

+
Notes

 
-
La spécification W3C désapprouve l'utilisation de l'élément <applet> et conseille l'utilisation de l'élément {{HTMLElement("object")}}. Pour HTML 4.01 cet élément est déprécié et est devenu entiÚrement obsolÚte sous HTML5.

+
La spécification W3C désapprouve l'utilisation de l'élément <applet> et conseille l'utilisation de l'élément <object>. Pour HTML 4.01 cet élément est déprécié et est devenu entiÚrement obsolÚte sous HTML5.

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")}}

 
-
    
- 
  • Dans les spĂ©cifications HTML des versions 3.2, 4.0, et 5, la balise de fermeture </area> est proscrite.
    • 
- 
  • La spĂ©cification XHTML 1.0 demande l'utilisation d'une barre oblique avant le chevron fermant : <area />.
    • 
- 
  • Les attributs id, class et style ont la mĂȘme signification que ceux qui avaient Ă©tĂ© dĂ©finis dans la spĂ©cification HTML 4. Cependant cette spĂ©cification n'avait Ă©tĂ© dĂ©finie que par Microsoft et Netscape.
    • 
- 
  • Les navigateurs Netscape de niveau 1 n'arrivent pas Ă  interprĂ©ter l'attribut target si celui-ci fait rĂ©fĂ©rence Ă  des Ă©lĂ©ments frames.
    • 
- 
  • HTML 3.2 dĂ©finit seulement les attributs alt, coords, href, nohref et shape.
    • 
-

+
Spécifications

 
-
Compatibilité des navigateurs

+
{{Specifications}}

 
-
+
Compatibilité des navigateurs

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

+
{{Compat}}

diff --git a/files/fr/web/html/element/article/index.html b/files/fr/web/html/element/article/index.html
index fde2eb92dc..9ac036eac1 100644
--- a/files/fr/web/html/element/article/index.html
+++ b/files/fr/web/html/element/article/index.html
@@ -4,36 +4,67 @@ slug: Web/HTML/Element/article
 tags:
   - Element
   - HTML
+  - HTML sections
   - Reference
   - Web
 translation_of: Web/HTML/Element/article
+browser-compat: html.elements.article
 ---
 
{{HTMLRef}}

 
-
L'Ă©lĂ©ment HTML <article> reprĂ©sente du contenu autonome dans un document, une page, une application, ou un site. Ceci peut ĂȘtre un message sur un forum, un article de journal ou de magazine, une parution sur un blog, un commentaire d'utilisateur, un widget ou gadget interactif, ou tout autre Ă©lĂ©ment de contenu indĂ©pendant. Ce contenu est prĂ©vu pour ĂȘtre distribuĂ© ou rĂ©utilisĂ© indĂ©pendamment (par exemple dans un flux de syndication).

+
L'Ă©lĂ©ment <article> reprĂ©sente une composition autonome dans un document, une page, une application ou un site, destinĂ©e Ă  ĂȘtre distribuĂ©e ou rĂ©utilisĂ©e de maniĂšre indĂ©pendante (par exemple, dans le cadre d'une syndication). Exemples : un message de forum, un article de magazine ou de journal, ou un article de blog, une fiche produit, un commentaire soumis par un utilisateur, un widget ou gadget interactif, ou tout autre Ă©lĂ©ment de contenu indĂ©pendant.

 
 
{{EmbedInteractiveExample("pages/tabbed/article.html", "tabbed-standard")}}

 
-
+
Un document donné peut contenir plusieurs articles ; par exemple, sur un blog qui affiche le texte de chaque article l'un aprÚs l'autre au fur et à mesure que le lecteur fait défiler, chaque message sera contenu dans un élément <article>, avec éventuellement une ou plusieurs <section> à l'intérieur.

 
-
Un document donné peut tout à fait avoir plusieurs articles. On peut par exemple avoir un blog qui affiche le texte de chaque billet au fur et à mesure que le lecteur fait défiler le contenu. Chaque billet serait un élément <article> et les sections de ces billets des éléments {{HTMLElement("section")}}.

+
+  
+    
+      
+      
+    
+    
+      
+      
+    
+    
+      
+      
+    
+    
+      
+      
+    
+    
+      
+      
+    
+    
+      
+      
+    
+    
+      
+      
+    
+  
+
Catégories de contenuContenu de flux, contenu de section, contenu tangible.
Contenu autoriséContenu de flux.
Omission de balisesAucune, la balise d'ouverture et la balise de fermeture sont obligatoires.
Parents autorisĂ©sTout Ă©lĂ©ment acceptant du contenu de flux. Un Ă©lĂ©ment <article> ne doit pas ĂȘtre un descendant d'un Ă©lĂ©ment <address>.
RĂŽle ARIA implicitearticle
RÎles ARIA autorisésapplication, document, feed, main, none, presentation, region.
Interface DOMHTMLElement.

 
-
Attributs

+
Attributs

 
-
Cet élément n'a pas d'autres attributs que les attributs universels, communs à tous les éléments.

+
Cet élément n'a pas d'autres attributs que les attributs universels, communs à tous les éléments.

 
-
Notes

+
Notes d'utilisation

 
 
    
- 
  • Chaque <article> autonome, qui n'est pas imbriquĂ© dans un autre Ă©lĂ©ment <article>, devrait ĂȘtre identifiĂ© typiquement, en incluant un Ă©lĂ©ment d'en-tĂȘte <header> qui comprendrait lui-mĂȘme un Ă©lĂ©ment de titre <h1> Ă  <h6>.
    • 
- 
  • Quand un Ă©lĂ©ment <article> est imbriquĂ© dans un autre, l'Ă©lĂ©ment contenu reprĂ©sente un article relatif Ă  l'Ă©lĂ©ment contenant. Par exemple, les commentaires d'une parution de blog peuvent ĂȘtre un Ă©lĂ©ment <article> inclus dans l'<article> reprĂ©sentant la parution en elle-mĂȘme.
    • 
- 
  • Des informations Ă  propos de l'auteur d'un Ă©lĂ©ment <article> peuvent ĂȘtre fournies au travers de l'Ă©lĂ©ment {{HTMLElement("address")}}, mais cela ne s'applique pas aux Ă©lĂ©ments <article> imbriquĂ©s.
    • 
- 
  • La date et l'heure de publication d'un Ă©lĂ©ment <article> peuvent ĂȘtre donnĂ©s en utilisant l'attribut {{htmlattrxref("datetime", "time")}} d'un Ă©lĂ©ment {{HTMLElement("time")}}. Notez que l'attribut {{htmlattrxref("pubdate", "time")}} de {{HTMLElement("time")}} ne fait plus partie de la norme W3C HTML 5.
    • 
+  
  • Chaque <article> autonome, qui n'est pas imbriquĂ© dans un autre Ă©lĂ©ment <article>, devrait ĂȘtre identifiĂ© typiquement, en incluant un Ă©lĂ©ment de titre <h1> Ă  <h6>.
    • 
+  
  • Quand un Ă©lĂ©ment <article> est imbriquĂ© dans un autre, l'Ă©lĂ©ment contenu reprĂ©sente un article relatif Ă  l'Ă©lĂ©ment contenant. Par exemple, les commentaires d'une parution de blog peuvent ĂȘtre un Ă©lĂ©ment <article> inclus dans l'<article> reprĂ©sentant la parution en elle-mĂȘme.
    • 
+  
  • Des informations Ă  propos de l'auteur d'un Ă©lĂ©ment <article> peuvent ĂȘtre fournies au travers de l'Ă©lĂ©ment <address>, mais cela ne s'applique pas aux Ă©lĂ©ments <article> imbriquĂ©s.
    • 
+  
  • La date et l'heure de publication d'un Ă©lĂ©ment <article> peuvent ĂȘtre donnĂ©s en utilisant l'attribut datetime d'un Ă©lĂ©ment <time>. Notez que l'attribut pubdate de <time> ne fait plus partie de la norme W3C HTML 5.
    • 
 

 
-
Exemples

-
-
HTML

+
Exemple

 
 
<article class="film_review">
   <header>
@@ -48,7 +79,7 @@ translation_of: Web/HTML/Element/article
       <footer>
         <p>
           Posté le
-          <time datetime="2015-05-16 19:00">16 Mai</time>
+          <time datetime="2015-05-16 19:00">16 mai</time>
           par Lisa.
         </p>
       </footer>
@@ -58,8 +89,8 @@ translation_of: Web/HTML/Element/article
       <footer>
         <p>
           Posté le
-          <time datetime="2015-05-17 19:00">17 Mai</time>
-          par Tom.
+          <time datetime="2015-05-17 19:00">17 mai</time>
+          par Gilles Stella.
         </p>
       </footer>
     </article>
@@ -67,85 +98,23 @@ translation_of: Web/HTML/Element/article
   <footer>
     <p>
       Posté le
-      <time datetime="2015-05-15 19:00">15 Mai</time>
+      <time datetime="2015-05-15 19:00">15 mai</time>
       par Staff.
     </p>
   </footer>
 </article>

 
-
RĂ©sultat

-
-
{{EmbedLiveSample("Exemples","300","500")}}

-
-
Résumé technique

-
-
- 
-  
-   
-   
-  
-  
-   
-   
-  
-  
-   
-   
-  
-  
-   
-   
-  
-  
-   
-   
-  
-  
-   
-   
-  
- 
-
Catégories de contenuContenu de flux, contenu de section, contenu tangible.
Contenu autoriséContenu de flux.
Omission de balises{{no_tag_omission}}
Parents autorisĂ©sTout Ă©lĂ©ment acceptant du contenu de flux. Un Ă©lĂ©ment <article> ne doit pas ĂȘtre un descendant d'un Ă©lĂ©ment {{HTMLElement("address")}}.
RÎles ARIA autorisés{{ARIARole("application")}}, {{ARIARole("document")}}, {{ARIARole("feed")}}, {{ARIARole("main")}}, {{ARIARole("presentation")}}, {{ARIARole("region")}}.
Interface DOM{{domxref("HTMLElement")}}.

-
-
Spécifications

-
-
- 
-  
-   
-   
-   
-  
- 
- 
-  
-   
-   
-   
-  
-  
-   
-   
-   
-  
-  
-   
-   
-   
-  
- 
-
SpĂ©cificationÉtatCommentaires
{{SpecName('HTML WHATWG', 'semantics.html#the-article-element', '<article>')}}{{Spec2('HTML WHATWG')}}
{{SpecName('HTML5.1', 'sections.html#the-article-element', '<article>')}}{{Spec2('HTML5.1')}}
{{SpecName('HTML5 W3C', 'sections.html#the-article-element', '<article>')}}{{Spec2('HTML5 W3C')}}

+
Spécifications

 
-
Compatibilité des navigateurs

+
{{Specifications}}

 
-
+
Compatibilité des navigateurs

 
-
{{Compat("html.elements.article")}}

+
{{Compat}}

 
-
Voir aussi

+
Voir aussi

 
 
diff --git a/files/fr/web/html/element/aside/index.html b/files/fr/web/html/element/aside/index.html
index a68dc9f35a..6917f99223 100644
--- a/files/fr/web/html/element/aside/index.html
+++ b/files/fr/web/html/element/aside/index.html
@@ -1,37 +1,70 @@
 ---
-title: '