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, 60 insertions, 32 deletions

diff --git a/files/fr/web/html/element/big/index.html b/files/fr/web/html/element/big/index.html
index 77536b5bb8..9ce6c4aa2c 100644
--- a/files/fr/web/html/element/big/index.html
+++ b/files/fr/web/html/element/big/index.html
@@ -1,67 +1,95 @@
 ---
-title: '<big> : l''élément d''agrandissement de texte (obsolète)'
+title: '<big> : l''élément d''agrandissement de texte'
 slug: Web/HTML/Element/big
 tags:
   - Element
   - HTML
-  - Obsolete
+  - Deprecated
   - Reference
   - Web
 translation_of: Web/HTML/Element/big
+browser-compat: html.elements.big
 ---
-<div>{{obsolete_header}}{{HTMLRef}}</div>
+<div>{{HTMLRef}}</div>
 
-<p>L'élément <strong><code>&lt;big&gt;</code></strong> (gros) augmente d'une taille la police du texte de l'élément (il permet par exemple de passer de <code>small</code> à <code>medium</code>, ou de <code>large</code> à <code>x-large</code>) jusqu'à atteindre la taille maximale du navigateur.</p>
+<div class="notecard deprecated">
+  <p><b>Obsolète</b></p>
+  <p>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.</p>
+</div>
 
-<div class="note">
-<p><strong>Note d'utilisation : </strong>Cet élément est purement stylistique. Il a été supprimé dans <a href="/fr/docs/Web/Guide/HTML/HTML5">HTML5</a> et ne doit plus être utilisé. Les développeurs web doivent utiliser les propriétés <a href="/fr/docs/Web/CSS">CSS</a> pour remplacer cet élément.</p>
+<p class="summary">L'élément HTML <strong><code>&lt;big&gt;</code></strong> (gros) augmente d'une taille la police du texte de l'élément (il permet par exemple de passer de <code>small</code> à <code>medium</code>, ou de <code>large</code> à <code>x-large</code>) jusqu'à atteindre la taille maximale autorisée par le navigateur.</p>
+
+<div class="notecard note">
+  <p><b>Note d'utilisation :</b></p>
+  <p>Cet élément est purement stylistique. Il a été supprimé en HTML5 et ne doit plus être utilisé. Les développeurs web doivent utiliser les propriétés <a href="/fr/docs/Web/CSS">CSS</a> pour remplacer cet élément.</p>
 </div>
 
-<h2 id="Attributs">Attributs</h2>
+<h2 id="attributes">Attributs</h2>
+
+<p>Cet élément n'a aucun autre attribut en dehors des <a href="/fr/docs/Web/HTML/Global_attributes">attributs universels</a> communs à tous les éléments.</p>
 
-<p>Cet élément n'a aucun autre attribut en dehors des <a href="/fr/docs/Web/HTML/Attributs_universels">attributs universels</a> communs à tous les éléments.</p>
+<h2 id="examples">Exemples</h2>
 
-<h2 id="Exemples">Exemples</h2>
+<p>Nous voyons ici des exemples montrant l'utilisation de <code>&lt;big&gt;</code> suivis d'un exemple montrant comment obtenir les mêmes résultats en utilisant plutôt la syntaxe CSS moderne.</p>
 
-<h3 id="Exemple_simple">Exemple simple</h3>
+<h3 id="using_&lt;big&gt;">Utilisation de <code>&lt;big&gt;</code></h3>
+
+<div id="using_big">
+<p>Dans cet exemple, on utilise l'élément obsolète <code>&lt;big&gt;</code> afin d'augmenter la taille du texte.</p>
+
+<h4 id="html">HTML</h4>
 
 <pre class="brush: html">&lt;p&gt;
-  Ceci est la première phrase.
-  &lt;big&gt;
-    Cette phrase est en grosses lettres.
-  &lt;/big&gt;
+  C'est la première phrase. &lt;big&gt;Cette phrase
+  entière phrase est en plus gros caractères.&lt;/big&gt;
 &lt;/p&gt;</pre>
+</div>
+<h4 id="result">Résultat</h4>
+
+<p>{{EmbedLiveSample("using_big", "", 110)}}</p>
 
-<h3 id="Utilisation_du_CSS_pour_remplacer_&lt;big>">Utilisation du CSS pour remplacer <code>&lt;big&gt;</code></h3>
+<h3 id="using_css_font-size">Utilisation de la propriété CSS <code>font-size</code></h3>
+
+<p>Cet exemple utilise la propriété CSS <a href="/fr/docs/Web/CSS/font-size"><code>font-size</code></a> pour augmenter la taille de la police d'un niveau.</p>
+
+<h4 id="css">CSS</h4>
+
+<pre class="brush: css">.bigger {
+  font-size: larger;
+}</pre>
+
+<h4 id="html_2">HTML</h4>
 
 <pre class="brush: html">&lt;p&gt;
-  Ceci est la première phrase.
-  &lt;span style="font-size:1.2em"&gt;
-    Cette phrase est en grosses lettres.
-  &lt;/span&gt;
+  C'est la première phrase. &lt;span class="bigger"&gt;Cette phrase
+  entière est écrite en plus grosses lettres.&lt;/span&gt;
 &lt;/p&gt;</pre>
 
-<h3 id="Resultat">Resultat</h3>
+<h4 id="result_2">Résultat</h4>
 
-<p>{{EmbedLiveSample("Utilisation_du_CSS_pour_remplacer_&amp;lt;big&amp;gt;",300,200)}}</p>
+<p>{{EmbedLiveSample("using_css_font-size", "", 100)}}</p>
 
-<h2 id="Interface_DOM">Interface DOM</h2>
+<h2 id="DOM_interface">Interface DOM</h2>
 
-<p>Cette élément implémente l'interface {{domxref('HTMLElement')}}.</p>
+<p>Cet élément implémente l'interface <a href="/fr/docs/Web/API/HTMLElement"><code>HTMLElement</code></a>.</p>
+
+<div class="note">
+  <p><b>Note d'implémentation :</b></p>
+  <p>Jusqu'à Gecko 1.9.2 inclus, Firefox implémentait l'interface <a href="/fr/docs/Web/API/HTMLSpanElement"><code>HTMLSpanElement</code></a> pour cet élément.</p>
+</div>
 
-<div class="note"><strong>Note d'implémentation : </strong>Jusqu'à Gecko 1.9.2 inclus, Firefox implémentait l'interface {{domxref('HTMLSpanElement')}} pour cet élément.</div>
+<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.big")}}</p>
+<p>{{Compat}}</p>
 
-<h2 id="Voir_aussi">Voir aussi</h2>
+<h2 id="see_also">Voir aussi</h2>
 
 <ul>
- <li>{{htmlelement("small")}}</li>
- <li>{{htmlelement("font")}}</li>
- <li>{{htmlelement("style")}}</li>
- <li>Spécification HTML 4.01 sur <a class="external" href="http://www.w3.org/TR/html4/present/graphics.html#h-15.2">la mise en forme des polices</a></li>
+  <li>CSS : <a href="/fr/docs/Web/CSS/font-size"><code>font-size</code></a>, <a href="/fr/docs/Web/CSS/font"><code>font</code></a></li>
+  <li>HTML : <a href="/fr/docs/Web/HTML/Element/small"><code>&lt;small&gt;</code></a>, <a href="/fr/docs/Web/HTML/Element/font"><code>&lt;font&gt;</code></a>, <a href="/fr/docs/Web/HTML/Element/style"><code>&lt;style&gt;</code></a></li>
+ <li>Spécification HTML 4.01 sur <a href="https://www.w3.org/TR/html4/present/graphics.html#h-15.2">la mise en forme utilisant les polices</a></li>
 </ul>