UPDATE: Update translation of the HTML elements — 🛠 Priority work area (#500)

* 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 <julien.gattelier@gmail.com>

1 files changed, 108 insertions, 136 deletions

diff --git a/files/fr/web/html/element/body/index.html b/files/fr/web/html/element/body/index.html
index a4ea8947d5..79a181ecd4 100644
--- a/files/fr/web/html/element/body/index.html
+++ b/files/fr/web/html/element/body/index.html
@@ -5,79 +5,118 @@ tags:
   - Element
   - HTML
   - Reference
+  - Sectioning Root Element
+  - Sections
   - Web
 translation_of: Web/HTML/Element/body
+browser-compat: html.elements.body
 ---
 <div>{{HTMLRef}}</div>
 
-<p>L'élément <strong><code>&lt;body&gt;</code></strong> représente le contenu principal du document HTML. Il ne peut y avoir qu'un élément <code>&lt;body&gt;</code> par document.</p>
+<p class="summary">L'élément HTML <strong><code>&lt;body&gt;</code></strong> représente le contenu principal du document HTML. Il ne peut y avoir qu'un élément <code>&lt;body&gt;</code> par document.</p>
 
-<h2 id="Attributs">Attributs</h2>
+<table class="properties">
+  <tbody>
+    <tr>
+      <th scope="row"><a href="/fr/docs/Web/Guide/HTML/Content_categories">Catégories de contenu</a></th>
+      <td><a href="/fr/docs/Web/Guide/HTML/Using_HTML_sections_and_outlines#sectioning_roots">Racine de section</a>.</td>
+    </tr>
+    <tr>
+      <th scope="row">Contenu autorisé</th>
+      <td><a href="/fr/docs/Web/Guide/HTML/Content_categories#flow_content">Contenu de flux</a>.</td>
+    </tr>
+    <tr>
+      <th scope="row">Omission de balises</th>
+      <td>La balise d'ouverture peut être omise si le premier élément n'est pas un caractère espace, un commentaire, un élément <a href="/fr/docs/Web/HTML/Element/script"><code>&lt;script&gt;</code></a>, ou un élément <a href="/fr/docs/Web/HTML/Element/style"><code>&lt;style&gt;</code></a>. La balise de fermeture peut être omise si l'élément <code>&lt;body&gt;</code> a un contenu ou une balise d'ouverture, et qu'il n'est pas immédiatement suivi d'un commentaire.</td>
+    </tr>
+    <tr>
+      <th scope="row">Parents autorisés</th>
+      <td>Il doit être le second élément d'un élément <a href="/fr/docs/Web/HTML/Element/html"><code>&lt;html&gt;</code></a>.</td>
+    </tr>
+    <tr>
+      <th scope="row">Rôle ARIA implicite</th>
+      <td><a href="/fr/docs/Web/Accessibility/ARIA/Roles/Document_Role">document</a></td>
+    </tr>
+    <tr>
+      <th scope="row">Rôles ARIA autorisés</th>
+      <td>Aucun</td>
+    </tr>
+    <tr>
+      <th scope="row">Interface DOM</th>
+      <td><a href="/fr/docs/Web/API/HTMLBodyElement"><code>HTMLBodyElement</code></a>
+      <ul>
+        <li>L'élément <code>&lt;body&gt;</code> est accessible via l'interface <a href="/fr/docs/Web/API/HTMLBodyElement"><code>HTMLBodyElement</code></a>.</li>
+        <li>Il est possible d'accéder à l'élément body grâce à l'attribut <a href="/fr/docs/Web/API/Document/body"><code>document.body</code></a>.</li>
+      </ul>
+      </td>
+    </tr>
+  </tbody>
+</table>
+
+<h2 id="attributes">Attributs</h2>
 
-<p>Comme pour tous les autres éléments, on peut utiliser <a href="/fr/docs/Web/HTML/Attributs_universels">les attributs universels</a>.</p>
+<p>Comme pour tous les autres éléments, on peut utiliser <a href="/fr/docs/Web/HTML/Global_attributes">les attributs universels</a>.</p>
 
 <dl>
- <dt>{{htmlattrdef("alink")}} {{obsolete_inline}}</dt>
- <dd>La couleur du texte quand les liens hypertextes sont sélectionnés. La propriété CSS {{cssxref("color")}} doit être utilisé à la place avec la pseudo-classe {{cssxref(":active")}}.</dd>
- <dt>{{htmlattrdef("background")}} {{obsolete_inline}}</dt>
- <dd>L'URI d'une image à utiliser en tant qu'arrière-plan. Cette méthode n'est pas conforme, on devra utiliser la propriété CSS {{cssxref("background")}} à la place.</dd>
- <dt>{{htmlattrdef("bgcolor")}} {{obsolete_inline}}</dt>
- <dd>Couleur d'arrière-plan pour le document. Cette méthode n'est pas conforme, utiliser la propriété CSS {{cssxref("background-color")}} sur l'élément à la place.</dd>
- <dt>{{htmlattrdef("bottommargin")}} {{obsolete_inline}}</dt>
- <dd>La marge à appliquer en bas du corps de la page. Cette méthode n'est pas conforme, il faut utiliser la propriété CSS {{cssxref("margin-bottom")}} sur l'élément.</dd>
- <dt>{{htmlattrdef("leftmargin")}} {{obsolete_inline}}</dt>
- <dd>La marge à appliquer à gauche du corps de la page. Cette méthode n'est pas conforme. Il faut utiliser la propriété CSS {{cssxref("margin-left")}} à la place.</dd>
- <dt>{{htmlattrdef("link")}} {{obsolete_inline}}</dt>
- <dd>La couleur du texte à utiliser pour les liens non visités. Cette méthode n'est pas conforme, il faut utiliser la propriété CSS {{cssxref("color")}} avec la pseudo-classe {{cssxref(":link")}}.</dd>
- <dt>{{htmlattrdef("onafterprint")}} {{HTMLVersionInline(5)}}</dt>
- <dd>Fonction à appeler après que l'utilisateur ait imprimé le document.</dd>
- <dt>{{htmlattrdef("onbeforeprint")}} {{HTMLVersionInline(5)}}</dt>
- <dd>Fonction à appeler lorsque l'utilisateur lance une impression du document.</dd>
- <dt>{{htmlattrdef("onbeforeunload")}} {{HTMLVersionInline(5)}}</dt>
- <dd>Fonction à appeler avant que le document ne disparaisse.</dd>
- <dt>{{htmlattrdef("onblur")}} {{HTMLVersionInline(5)}}</dt>
- <dd>Fonction à appeler quand le document perd le focus.</dd>
- <dt>{{htmlattrdef("onerror")}} {{HTMLVersionInline(5)}}</dt>
- <dd>Fonction à appeler quand le document n'arrive pas à se charger correctement.</dd>
- <dt>{{htmlattrdef("onfocus")}} {{HTMLVersionInline(5)}}</dt>
- <dd>Fonction à appeler quand le document reçoit le focus.</dd>
- <dt>{{htmlattrdef("onhashchange")}} {{HTMLVersionInline(5)}}</dt>
- <dd>Fonction à appeler quand le fragment (la partie commençant avec le caractère #) de l'adresse actuelle du document, a changé.</dd>
- <dt>{{htmlattrdef("onlanguagechange")}} {{experimental_inline}}</dt>
- <dd>Fonction à appeler lorsque les langues préférées ont été modifiées.</dd>
- <dt>{{htmlattrdef("onload")}} {{HTMLVersionInline(5)}}</dt>
- <dd>Fonction à appeler quand le document a fini de charger.</dd>
- <dt>{{htmlattrdef("onmessage")}} {{HTMLVersionInline(5)}}</dt>
- <dd>Fonction à appeler quand le document a reçu un message.</dd>
- <dt>{{htmlattrdef("onoffline")}} {{HTMLVersionInline(5)}}</dt>
- <dd>Fonction à appeler quand la connexion réseau est perdue.</dd>
- <dt>{{htmlattrdef("ononline")}} {{HTMLVersionInline(5)}}</dt>
- <dd>Fonction à appeler quand la connexion réseau est restaurée.</dd>
- <dt>{{htmlattrdef("onpopstate")}} {{HTMLVersionInline(5)}}</dt>
- <dd>Fonction à appeler quand l'utilisateur se déplace dans son historique de session.</dd>
- <dt>{{htmlattrdef("onredo")}} {{HTMLVersionInline(5)}}</dt>
- <dd>Fonction à appeler quand l'utilisateur avance et refait un élément de l'historique de transaction.</dd>
- <dt>{{htmlattrdef("onresize")}} {{HTMLVersionInline(5)}}</dt>
- <dd>Fonction à appeler quand le document a été redimensionné.</dd>
- <dt>{{htmlattrdef("onstorage")}} {{HTMLVersionInline(5)}}</dt>
- <dd>Fonction à appeler quand la zone de stockage a changée.</dd>
- <dt>{{htmlattrdef("onundo")}} {{HTMLVersionInline(5)}}</dt>
- <dd>Fonction à appeler quand l'utilisateur recule et défait l'historique de transaction.</dd>
- <dt>{{htmlattrdef("onunload")}} {{HTMLVersionInline(5)}}</dt>
- <dd>Fonction à appeler quand le document disparait.</dd>
- <dt>{{htmlattrdef("rightmargin")}} {{obsolete_inline}}</dt>
- <dd>La marge à appliquer à droite du corps de la page. Cette méthode n'est pas standard, il faut utiliser la propriété CSS {{cssxref("margin-right")}} sur l'élément à la place.</dd>
- <dt>{{htmlattrdef("text")}} {{obsolete_inline}}</dt>
- <dd>La couleur à utiliser pour la police du texte. Cette méthode n'est pas conforme, il faut utiliser la propriété CSS {{cssxref("color")}} sur l'élément à la place.</dd>
- <dt>{{htmlattrdef("topmargin")}} {{obsolete_inline}}</dt>
- <dd>La marge à appliquer en haut du corps de la page. Cette méthohde n'est pas conforme, il faut utiliser la propriété CSS {{cssxref("margin-top")}} sur l'élément à la place.</dd>
- <dt>{{htmlattrdef("vlink")}} {{obsolete_inline}}</dt>
- <dd>La couleur de texte pour les liens hypertextes visités. Cette méthode n'est pas conforme, il faut utiliser la propriété CSS {{cssxref("color")}} avec la pseudo-classe {{cssxref(":visited")}}.</dd>
+  <dt><strong id="attr-alink"><code>alink</code></strong> {{deprecated_inline}}</dt>
+  <dd>La couleur du texte quand les liens hypertextes sont sélectionnés. Cette méthode n'est pas conforme, on devra utiliser la propriété CSS <a href="/fr/docs/Web/CSS/color"><code>color</code></a> à la place avec la pseudo-classe <a href="/fr/docs/Web/CSS/:active"><code>:active</code></a>.</dd>
+  <dt><strong id="attr-background"><code>background</code></strong> {{deprecated_inline}}</dt>
+  <dd>L'URI d'une image à utiliser en tant qu'arrière-plan. Cette méthode n'est pas conforme, on devra utiliser la propriété CSS <a href="/fr/docs/Web/CSS/background"><code>background</code></a> à la place.</dd>
+  <dt><strong id="attr-bgcolor"><code>bgcolor</code></strong> {{deprecated_inline}}</dt>
+  <dd>Couleur d'arrière-plan pour le document. Cette méthode n'est pas conforme, on devra utiliser la propriété CSS <a href="/fr/docs/Web/CSS/background-color"><code>background-color</code></a> sur l'élément à la place.</dd>
+  <dt><strong id="attr-bottommargin"><code>bottommargin</code></strong> {{deprecated_inline}}</dt>
+  <dd>La marge à appliquer en bas du corps de la page. Cette méthode n'est pas conforme, on devra utiliser la propriété CSS <a href="/fr/docs/Web/CSS/margin-bottom"><code>margin-bottom</code></a> sur l'élément.</dd>
+  <dt><strong id="attr-leftmargin"><code>leftmargin</code></strong> {{deprecated_inline}}</dt>
+  <dd>La marge à appliquer à gauche du corps de la page. Cette méthode n'est pas conforme, on devra utiliser la propriété CSS <a href="/fr/docs/Web/CSS/margin-left"><code>margin-left</code></a> à la place.</dd>
+  <dt><strong id="attr-link"><code>link</code></strong> {{deprecated_inline}}</dt>
+  <dd>La couleur du texte à utiliser pour les liens non visités. Cette méthode n'est pas conforme, on devra utiliser la propriété CSS <a href="/fr/docs/Web/CSS/color"><code>color</code></a> avec la pseudo-classe <a href="/fr/docs/Web/CSS/:link"><code>:link</code></a>.</dd>
+  <dt><strong id="attr-onafterprint"><code>onafterprint</code></strong></dt>
+  <dd>Fonction à appeler après que l'utilisateur ait imprimé le document.</dd>
+  <dt><strong id="attr-onbeforeprint"><code>onbeforeprint</code></strong></dt>
+  <dd>Fonction à appeler lorsque l'utilisateur lance une impression du document.</dd>
+  <dt><strong id="attr-onbeforeunload"><code>onbeforeunload</code></strong></dt>
+  <dd>Fonction à appeler avant que le document ne disparaisse.</dd>
+  <dt><strong id="attr-onblur"><code>onblur</code></strong></dt>
+  <dd>Fonction à appeler quand le document perd le focus.</dd>
+  <dt><strong id="attr-onerror"><code>onerror</code></strong></dt>
+  <dd>Fonction à appeler quand le document n'arrive pas à se charger correctement.</dd>
+  <dt><strong id="attr-onfocus"><code>onfocus</code></strong></dt>
+  <dd>Fonction à appeler quand le document reçoit le focus.</dd>
+  <dt><strong id="attr-onhashchange"><code>onhashchange</code></strong></dt>
+  <dd>Fonction à appeler quand le fragment (la partie commençant avec le caractère #) de l'adresse actuelle du document, a changé.</dd>
+  <dt><strong id="attr-onlanguagechange"><code>onlanguagechange</code></strong> {{experimental_inline}}</dt>
+  <dd>Fonction à appeler lorsque les langues préférées ont été modifiées.</dd>
+  <dt><strong id="attr-onload"><code>onload</code></strong></dt>
+  <dd>Fonction à appeler quand le document a fini de charger.</dd>
+  <dt><strong id="attr-onmessage"><code>onmessage</code></strong></dt>
+  <dd>Fonction à appeler quand le document a reçu un message.</dd>
+  <dt><strong id="attr-onoffline"><code>onoffline</code></strong></dt>
+  <dd>Fonction à appeler quand la connexion réseau est perdue.</dd>
+  <dt><strong id="attr-ononline"><code>ononline</code></strong></dt>
+  <dd>Fonction à appeler quand la connexion réseau est restaurée.</dd>
+  <dt><strong id="attr-onpopstate"><code>onpopstate</code></strong></dt>
+  <dd>Fonction à appeler quand l'utilisateur se déplace dans son historique de session.</dd>
+  <dt><strong id="attr-onredo"><code>onredo</code></strong></dt>
+  <dd>Fonction à appeler quand l'utilisateur avance et refait un élément de l'historique de transaction.</dd>
+  <dt><strong id="attr-onresize"><code>onresize</code></strong></dt>
+  <dd>Fonction à appeler quand le document a été redimensionné.</dd>
+  <dt><strong id="attr-onstorage"><code>onstorage</code></strong></dt>
+  <dd>Fonction à appeler quand la zone de stockage a changée.</dd>
+  <dt><strong id="attr-onundo"><code>onundo</code></strong></dt>
+  <dd>Fonction à appeler quand l'utilisateur recule et défait l'historique de transaction.</dd>
+  <dt><strong id="attr-onunload"><code>onunload</code></strong></dt>
+  <dd>Fonction à appeler quand le document disparait.</dd>
+  <dt><strong id="attr-rightmargin"><code>rightmargin</code></strong> {{deprecated_inline}}</dt>
+  <dd>La marge à appliquer à droite du corps de la page. Cette méthode n'est pas conforme, on devra utiliser la propriété CSS <a href="/fr/docs/Web/CSS/margin-right"><code>margin-right</code></a> sur l'élément à la place.</dd>
+  <dt><strong id="attr-text"><code>text</code></strong> {{deprecated_inline}}</dt>
+  <dd>La couleur à utiliser pour la police du texte. Cette méthode n'est pas conforme, on devra utiliser la propriété CSS <a href="/fr/docs/Web/CSS/color"><code>color</code></a> sur l'élément à la place.</dd>
+  <dt><strong id="attr-topmargin"><code>topmargin</code></strong> {{deprecated_inline}}</dt>
+  <dd>La marge à appliquer en haut du corps de la page. Cette méthohde n'est pas conforme, on devra utiliser la propriété CSS <a href="/fr/docs/Web/CSS/margin-top"><code>margin-top</code></a> sur l'élément à la place.</dd>
+  <dt><strong id="attr-vlink"><code>vlink</code></strong> {{deprecated_inline}}</dt>
+  <dd>La couleur de texte pour les liens hypertextes visités. Cette méthode n'est pas conforme, on devra utiliser la propriété CSS <a href="/fr/docs/Web/CSS/color"><code>color</code></a> avec la pseudo-classe <a href="/fr/docs/Web/CSS/:visited"><code>:visited</code></a>.</dd>
 </dl>
 
-<h2 id="Exemples">Exemples</h2>
-
-<h3 id="HTML">HTML</h3>
+<h2 id="example">Exemple</h2>
 
 <pre class="brush: html">&lt;html&gt;
   &lt;head&gt;
@@ -89,84 +128,17 @@ translation_of: Web/HTML/Element/body
 &lt;/html&gt;
 </pre>
 
-<h3 id="Résultat">Résultat</h3>
-
-<p>{{EmbedLiveSample("Exemples")}}</p>
-
-<h2 id="Résumé_technique">Résumé technique</h2>
-
-<table class="properties">
- <tbody>
-  <tr>
-   <th scope="row"><dfn><a href="/fr/docs/Web/HTML/Catégorie_de_contenu">Catégories de contenu</a></dfn></th>
-   <td><a href="/fr/docs/Web/HTML/Sections_and_Outlines_of_an_HTML5_document#Racines_de_sectionnement">Racine de section</a>.</td>
-  </tr>
-  <tr>
-   <th scope="row">Contenu autorisé</th>
-   <td><a href="/fr/docs/Web/HTML/Catégorie_de_contenu#Contenu_de_flux">Contenu de flux</a>.</td>
-  </tr>
-  <tr>
-   <th scope="row">Omission de balises</th>
-   <td>La balise d'ouverture peut être omise si le premier élément n'est pas un caractère espace, un commentaire, un élément {{HTMLElement("script")}}, ou un élément {{HTMLElement("style")}}. La balise de fermeture peut être omise si l'élément <code>&lt;body&gt;</code> a un contenu ou une balise d'ouverture, et qu'il n'est pas immédiatement suivi d'un commentaire.</td>
-  </tr>
-  <tr>
-   <th scope="row"><dfn>Parents autorisés</dfn></th>
-   <td>Il doit être le second élément d'un élément {{HTMLElement("html")}}.</td>
-  </tr>
-  <tr>
-   <th scope="row">Rôles ARIA autorisés</th>
-   <td>Aucun</td>
-  </tr>
-  <tr>
-   <th scope="row">Interface DOM</th>
-   <td>{{domxref("HTMLBodyElement")}}
-    <ul>
-     <li>L'élément <code>&lt;body&gt;</code> est accessible via l'interface {{domxref("HTMLBodyElement")}}.</li>
-     <li>Il est possible d'accéder à l'élément body grâce à l'attribut {{domxref("document.body")}}.</li>
-    </ul>
-   </td>
-  </tr>
- </tbody>
-</table>
-
-<h2 id="Spécifications">Spécifications</h2>
-
-<table class="standard-table">
- <thead>
-  <tr>
-   <th scope="col">Spécification</th>
-   <th scope="col">État</th>
-   <th scope="col">Commentaires</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <td>{{SpecName('HTML WHATWG', 'semantics.html#the-body-element', '&lt;body&gt;')}}</td>
-   <td>{{Spec2('HTML WHATWG')}}</td>
-   <td>Modification de la liste des fonctionnalités non conformes.</td>
-  </tr>
-  <tr>
-   <td>{{SpecName('HTML5 W3C', 'sections.html#the-body-element', '&lt;body&gt;')}}</td>
-   <td>{{Spec2('HTML5 W3C')}}</td>
-   <td>Les attributs précédemment dépréciés sont désormais obsolètes. Définition du comportement des attributs non-conformes et non-standards <code>topmargin</code>, <code>leftmargin</code>, <code>rightmargin</code> et <code>bottommargin</code><strong>.</strong> Ajout des attributs <code>on*</code>.</td>
-  </tr>
-  <tr>
-   <td>{{SpecName('HTML4.01', 'struct/global.html#h-7.5.1', '&lt;body&gt;')}}</td>
-   <td>{{Spec2('HTML4.01')}}</td>
-   <td>Dépréciation des attributs <code>alink</code>, <code>background</code>, <code>bgcolor</code>, <code>link</code>, <code>text</code> et <code>vlink</code>.</td>
-  </tr>
- </tbody>
-</table>
+<h2 id="specifications">Spécifications</h2>
 
-<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>
+<p>{{Specifications}}</p>
 
-<div class="hidden">Ce tableau de compatibilité a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à envoyer une <em>pull request</em> sur <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a>.</div>
+<h2 id="browser_compatibility">Compatibilité des navigateurs</h2>
 
-<p>{{Compat("html.elements.body")}}</p>
+<p>{{Compat}}</p>
 
-<h2 id="Voir_aussi">Voir aussi</h2>
+<h2 id="see_also">Voir aussi</h2>
 
 <ul>
- <li>{{HTMLElement("html")}}</li>
- <li>{{HTMLElement("head")}}</li>
+  <li>L'élément <a href="/fr/docs/Web/HTML/Element/html"><code>&lt;html&gt;</code></a></li>
+  <li>L'élément <a href="/fr/docs/Web/HTML/Element/head"><code>&lt;head&gt;</code></a></li>
 </ul>