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, 49 insertions, 34 deletions

diff --git a/files/fr/web/html/element/index.html b/files/fr/web/html/element/index.html
index 554d337d1d..0f479e43f2 100644
--- a/files/fr/web/html/element/index.html
+++ b/files/fr/web/html/element/index.html
@@ -2,116 +2,131 @@
 title: Référence des éléments HTML
 slug: Web/HTML/Element
 tags:
+  - Basic
   - Element
   - HTML
   - Reference
   - Web
+  - l10n:priority
 translation_of: Web/HTML/Element
 ---
 <div>{{HTMLSidebar("Elements")}}</div>
 
-<p>Cette page énumère tous les éléments HTML, regroupés ici selon leurs fonctions. Sur la barre latérale présentée à gauche, vous pourrez trouver une liste suivant l'ordre alphabétique.</p>
-
-<h2 id="Éléments_de_base">Éléments de base</h2>
-
-<p>Les éléments de base constituent la colonne vertébrale de tout document HTML. Ils se trouvent sur toutes les pages web après la déclaration du <code>doctype</code> qui définit la version de (X)HTML utilisée par la page. Les éléments décrivant le contenu d'une page web se trouvent entre la balise ouvrante {{HTMLElement("html")}} et la balise fermante <code>&lt;/html&gt;</code>. L'élément {{HTMLElement("html")}} est parfois appelé l'élément « racine ». Certains documents complexes peuvent avoir des racines spéciales appelées <em><a href="/fr/docs/Web/API/ShadowRoot">shadow-roots</a></em>.</p>
+<p class="summary">Cette page répertorie tous les <a href="/fr/docs/Glossary/Element">éléments</a> <a href="/fr/docs/Glossary/HTML">HTML</a>, qui sont créés à l'aide de <a href="/fr/docs/Glossary/Tag">balises</a>. Ils sont regroupés par fonction pour vous aider à trouver facilement ce que vous avez en tête. Une liste alphabétique de tous les éléments est fournie dans la barre latérale de la page de chaque élément ainsi que de celle-ci.</p>
 
 <div class="note">
-<p><strong>Note :</strong> On pourra également consulter <a href="/fr/Apprendre/Commencer_avec_le_web/Les_bases_HTML">l'article introductif du guide HTML</a>.</p>
+  <p><b>Note :</b></p>
+  <p>Pour plus d'informations sur les bases des éléments et attributs HTML, voir <a href="/fr/docs/Learn/HTML/Introduction_to_HTML#elements_%e2%80%94_the_basic_building_blocks">la section sur les éléments dans l'article Introduction au HTML</a>.</p>
 </div>
 
-<h3 id="Attributs">Attributs</h3>
-
-<p>La plupart des éléments peuvent, ou doivent, utiliser des informations supplémentaires afin de définir la façon dont ils fonctionnent. Ces détails sont fournis via des paires <code>nom="valeur"</code> qu'on appelle des <em>attributs</em> et qui sont inclus dans la balise ouvrante de l'élément. Chaque élément possède un ensemble d'attributs autorisés qui peuvent être utilisés (on se référera aux pages des différents éléments pour avoir le détail). En outre, il existe <a href="/fr/docs/Web/HTML/Attributs_universels">des attributs universels</a> qui peuvent être employés sur tous les éléments (dans certains cas, l'attribut n'aura pas d'impact sur l'élément). Les valeurs des attributs doivent être entourées de doubles quotes. On peut également définir <a href="/fr/docs/Web/HTML/Attributs_universels/data-*">des attributs de données</a> qui permettent de modéliser des données propriétaires, hors du cadre des spécifications HTML.</p>
-
-<h2 id="Syntaxe">Syntaxe</h2>
-
-<pre class="syntaxbox">&lt;nomDeBalise attribut1="valeur" ... attributN="valeur"&gt;contenu de l'élément&lt;/nomDeBalise&gt;</pre>
-
-<h2 id="Racine_principale">Racine principale</h2>
+<h2 id="main_root">Racine principale</h2>
 
 <p>{{HTMLRefTable("HTML Root Element")}}</p>
 
-<h2 id="Métadonnées_du_document">Métadonnées du document</h2>
+<h2 id="document_metadata">Métadonnées du document</h2>
 
-<p>Les métadonnées contiennent des informations à propos de la page. On y retrouve les informations à propos des styles, des scripts et des données destinées à aider les moteurs de recherche et les navigateur. Les métadonnées relatives à la mise en forme ou aux scripts peuvent être définies à même la page ou sous la forme d'un lien vers un autre fichier.</p>
+<p>Les métadonnées contiennent des informations à propos de la page. Elles comprennent des informations sur les styles, les scripts et les données qui aident les programmes (<a href="/fr/docs/Glossary/Search_engine">moteur de recherche</a>, <a href="/fr/docs/Glossary/Browser">navigateurs</a>, etc.) à utiliser et à rendre la page. Les métadonnées relatives aux styles et aux scripts peuvent être définies dans la page ou renvoyer à un autre fichier contenant ces informations.</p>
 
 <p>{{HTMLRefTable("HTML Document Metadata")}}</p>
 
-<h2 id="Racine_de_sectionnement">Racine de sectionnement</h2>
+<h2 id="sectioning_root">Racine de sectionnement</h2>
 
 <p>{{HTMLRefTable("Sectioning Root Element")}}</p>
 
-<h2 id="Sectionnement_du_contenu">Sectionnement du contenu</h2>
+<h2 id="content_sectioning">Sectionnement du contenu</h2>
 
 <p>Organiser le contenu d'une page en différentes sections permet d'avoir une structure logique au sein d'un document. Grâce à ces éléments, on peut créer un plan pour la page, ajouter des titres pour identifier les sections et également gérer un en-tête et un bas de page.</p>
 
 <p>{{HTMLRefTable("HTML Sections")}}</p>
 
-<h2 id="Contenu_textuel">Contenu textuel</h2>
+<h2 id="text_content">Contenu textuel</h2>
 
 <p>Le contenu HTML textuel permet d'organiser des blocs ou des sections de contenu entre la balise ouvrante {{HTMLElement("body")}} et la balise fermante <code>&lt;/body&gt;</code>. Ces éléments sont cruciaux pour l'accessibilité et le référencement car ils permettent d'identifier le sens du contenu.</p>
 
 <p>{{HTMLRefTable("HTML Grouping Content")}}</p>
 
-<h2 id="Sémantique_du_texte_en_ligne">Sémantique du texte en ligne</h2>
+<h2 id="inline_text_semantics">Sémantique du texte en ligne</h2>
 
 <p>Les éléments pour le texte en ligne peuvent être utilisés pour définir la signification, la structure ou la mise en forme d'un terme, d'une ligne ou d'un fragment de texte.</p>
 
 <p>{{HTMLRefTable("HTML Text-Level Semantics")}}</p>
 
-<h2 id="Images_et_médias">Images et médias</h2>
+<h2 id="image_and_multimedia">Images et médias</h2>
 
 <p>HTML prend en charge différents fichiers multimédias pour les images, les fichiers audio et vidéo.</p>
 
 <p>{{HTMLRefTable("multimedia")}}</p>
 
-<h2 id="Contenu_embarqué">Contenu embarqué</h2>
+<h2 id="embedded_content">Contenu embarqué</h2>
 
 <p>En plus du contenu multimédia, un document HTML peut embarquer d'autres contenus (bien que les interactions soient plutôt limitées).</p>
 
 <p>{{HTMLRefTable({"include":["HTML embedded content"], "exclude":["multimedia"]})}}</p>
 
-<h2 id="Scripts">Scripts</h2>
+<h2 id="svg_and_math">SVG et MathML</h2>
+
+<p>Vous pouvez intégrer du contenu <a href="/en-US/docs/Web/SVG">SVG</a> et <a href="/en-US/docs/Web/MathML">MathML</a> directement dans des documents HTML, en utilisant les éléments <a href="/fr/docs/Web/SVG/Element/svg"><code>&lt;svg&gt;</code></a> et <a href="/fr/docs/Web/MathML/Element/math"><code>&lt;math&gt;</code></a>.</p>
+
+<table class="standard-table">
+  <thead>
+    <tr>
+      <th scope="col">Élément</th>
+      <th scope="col">Description</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <td style="vertical-align: top;"><a href="/fr/docs/Web/SVG/Element/svg"><code>&lt;svg&gt;</code></a></td>
+      <td>L'élément <code>svg</code> est un conteneur qui définit un nouveau système de coordonnées et une <a href="/fr/docs/Web/SVG/Attribute/viewBox">vue</a>. Il est utilisé comme élément le plus externe des documents SVG, mais il peut également être utilisé pour intégrer un fragment SVG à l'intérieur d'un document SVG ou HTML.</td>
+    </tr>
+    <tr>
+      <td style="vertical-align: top;"><a href="/fr/docs/Web/MathML/Element/math"><code>&lt;math&gt;</code></a></td>
+      <td>L'élément de niveau supérieur en MathML est <code>&lt;math&gt;</code>. Chaque instance MathML valide doit être enveloppée dans des balises <code>&lt;math&gt;</code>. En outre, vous ne devez pas imbriquer un deuxième élément <code>&lt;math&gt;</code> dans un autre, mais vous pouvez avoir un nombre arbitraire d'autres éléments enfants dans celui-ci.</td>
+    </tr>
+  </tbody>
+</table>
+
+<h2 id="scripting">Scripts</h2>
 
 <p>Afin de créer du contenu dynamique et des applications web, des langages de script peuvent être utilisés pour manipuler le document HTML. Certains éléments HTML permettent de gérer les liens entre les scripts et le document.</p>
 
 <p>{{HTMLRefTable("HTML Scripting")}}</p>
 
-<h2 id="Gestion_de_l'édition">Gestion de l'édition</h2>
+<h2 id="demarcating_edits">Gestion de l'édition</h2>
 
 <p>Ces éléments permettent d'indiquer si des portions du texte ont été modifiées.</p>
 
 <p>{{HTMLRefTable("HTML Edits")}}</p>
 
-<h2 id="Contenu_tabulaire">Contenu tabulaire</h2>
+<h2 id="table_content">Contenu tabulaire</h2>
 
 <p>Les éléments listés ici permettent de créer et de gérer des données tabulaires.</p>
 
 <p>{{HTMLRefTable("HTML tabular data")}}</p>
 
-<h2 id="Formulaires">Formulaires</h2>
+<h2 id="forms">Formulaires</h2>
 
-<p>HTML fournit différents éléments qui permettent de créer des formulaires pouvant être remplis par les utilisateurs du site ou de l'application web.</p>
+<p>HTML fournit un certain nombre d'éléments qui peuvent être utilisés ensemble pour créer des formulaires que l'utilisateur peut remplir et soumettre au site Web ou à l'application. De nombreuses informations complémentaires à ce sujet sont disponibles dans le <a href="/fr/docs/Learn/Forms">guide des formulaires HTML</a>.</p>
 
 <p>{{HTMLRefTable({"include": ["HTML forms"], "exclude":["Deprecated"]})}}</p>
 
-<h2 id="Éléments_interactifs">Éléments interactifs</h2>
+<h2 id="interactive_elements">Éléments interactifs</h2>
 
 <p>HTML fournit différents éléments qui permettent de créer des interfaces utilisateur interactives.</p>
 
 <p>{{HTMLRefTable("HTML interactive elements")}}</p>
 
-<h2 id="Web_Components"><em>Web Components</em></h2>
+<h2 id="web_components"><em>Web Components</em></h2>
 
 <p>Les composants web (ou « <em>Web Components</em> ») permettent de créer et d'utiliser des éléments personnalisés comme s'ils étaient des éléments HTML classiques. Cela permet également de créer ses propres versions des éléments standards HTML.</p>
 
-<p>{{HTMLRefTable({"include":["Web Components"],"elements":["shadow"]})}}</p>
+<p>{{HTMLRefTable({"include":["Web Components"],"exclude":["Deprecated", "Obsolete"]})}}</p>
 
-<h2 id="Éléments_obsolètes_ou_dépréciés">Éléments obsolètes ou dépréciés</h2>
+<h2 id="obsolete_and_deprecated_elements">Éléments obsolètes ou dépréciés</h2>
 
-<div class="warning">
-<p><strong>Attention :</strong> Ces éléments sont d'anciens éléments HTML qui sont désormais dépréciés et qui ne devraient plus être utilisés. <strong>Ces éléments ne doivent pas être utilisés dans de nouveaux projets et doivent être remplacés dans les anciens projets dès que possible.</strong> Ces éléments uniquement sont listés ici à des fins d'information.</p>
+<div class="notecard warning">
+  <p><b>Attention :</b></p>
+  <p>Ces éléments sont d'anciens éléments HTML qui sont désormais dépréciés et qui ne devraient plus être utilisés. <strong>Ces éléments ne doivent pas être utilisés dans de nouveaux projets et doivent être remplacés dans les anciens projets dès que possible.</strong> Ces éléments uniquement sont listés ici à des fins d'information.</p>
 </div>
 
 <p>{{HTMLRefTable({"include":["Deprecated","Obsolete"]})}}</p>