Prepare Web API section for Markdown conversion (#2464)

* Remove summary classes and ids

* Remove unecessary hidden

* Remove useless span filled with useless attributes / ids

* Remove useless font

* Remove notranslate

* Remove id in other elements than headings

* Remove name attributes

* Remove <pre><code> for JS w/ language-js class

* Remove <pre><code> for HTML w/ language-html class

* Remove <pre><code> for other lang w/ language-* class

* Rm highlighted line in code samples

* fix links, internal, external, absolute URLs

* missing file from last commit

* Fix styles errors apart from table + some classes

* Fix notes and warnings (+ some other :x)

* fix typo during merge which broke a doc

* aand forgot a conflict

* fix remaining classes of errors except dls and images

* Fix dls

* Fix images (deki/mozillademos) and remaining style issues

* Remove script tag from svg file

* Remove script tag from svg fileS

* Compress SVG files for CI

8 files changed, 114 insertions, 126 deletions

diff --git a/files/fr/web/api/stylesheet/disabled/index.html b/files/fr/web/api/stylesheet/disabled/index.html
index d338299bf1..681c2c6795 100644
--- a/files/fr/web/api/stylesheet/disabled/index.html
+++ b/files/fr/web/api/stylesheet/disabled/index.html
@@ -3,23 +3,23 @@ title: StyleSheet.disabled
 slug: Web/API/StyleSheet/disabled
 translation_of: Web/API/StyleSheet/disabled
 ---
-<div><font><font>{{APIRef("CSSOM")}}</font></font></div>
+<div>{{APIRef("CSSOM")}}</div>
 
-<p><font><font>La </font></font><code><strong>StyleSheet.disabled</strong></code><font><font>propriété indique si la feuille de style est empêchée de demander le document. </font><font>Une feuille de style peut être désactivé en réglant manuellement cette propriété </font></font><code>true</code><font><font>ou si elle est une forme </font><font>inactive </font></font><a href="/en-US/docs/Web/CSS/Alternative_style_sheets"><font><font>feuille de style alternatif</font></font></a><font><font> . </font><font>Notez que </font></font><code>disabled == false</code><font><font>ne garantit pas la feuille de style est appliquée (il pourrait être supprimé du document, par exemple).</font></font></p>
+<p>La <code><strong>StyleSheet.disabled</strong></code>propriété indique si la feuille de style est empêchée de demander le document. Une feuille de style peut être désactivé en réglant manuellement cette propriété <code>true</code>ou si elle est une forme inactive <a href="/en-US/docs/Web/CSS/Alternative_style_sheets">feuille de style alternatif</a> . Notez que <code>disabled == false</code>ne garantit pas la feuille de style est appliquée (il pourrait être supprimé du document, par exemple).</p>
 
-<h2 id="Syntax" name="Syntax"><font><font>Syntaxe</font></font></h2>
+<h2 id="Syntax">Syntaxe</h2>
 
-<pre class="eval"><em><font><font>bool</font></font></em><font><font> = stylesheet.disabled
-</font></font></pre>
+<pre class="eval"><em>bool</em> = stylesheet.disabled
+</pre>
 
-<h2 id="Example" name="Example"><font><font>Exemple</font></font></h2>
+<h2 id="Example">Exemple</h2>
 
-<pre><font><font>// si la feuille de style est désactivé ... </font></font><font><font>
-si (stylesheet.disabled) {</font></font><font><font>
-   // appliquer le style en ligne </font></font>
+<pre>// si la feuille de style est désactivé ... 
+si (stylesheet.disabled) {
+   // appliquer le style en ligne 
 }
 </pre>
 
-<h2 id="Specification" name="Specification"><font><font>spécification</font></font></h2>
+<h2 id="Specification">spécification</h2>
 
-<p><a class="external" href="http://www.w3.org/TR/2000/REC-DOM-Level-2-Style-20001113/stylesheets.html#StyleSheets-StyleSheet-disabled"><font><font>désactivée </font></font></a></p>
+<p><a href="http://www.w3.org/TR/2000/REC-DOM-Level-2-Style-20001113/stylesheets.html#StyleSheets-StyleSheet-disabled">désactivée </a></p>
diff --git a/files/fr/web/api/stylesheet/href/index.html b/files/fr/web/api/stylesheet/href/index.html
index f1ff1da5ea..730d459303 100644
--- a/files/fr/web/api/stylesheet/href/index.html
+++ b/files/fr/web/api/stylesheet/href/index.html
@@ -3,49 +3,47 @@ title: Stylesheet.href
 slug: Web/API/StyleSheet/href
 translation_of: Web/API/StyleSheet/href
 ---
-<div><font><font>{{APIRef ("CSSOM")}}</font></font></div>
+<div>{{APIRef ("CSSOM")}}</div>
 
-<h2 id="Summary" name="Summary"><font><font>Résumé</font></font></h2>
+<p>Renvoie l'emplacement de la feuille de style.</p>
 
-<p><font><font>Renvoie l'emplacement de la feuille de style.</font></font></p>
+<h2 id="Syntax">Syntaxe</h2>
 
-<h2 id="Syntax" name="Syntax"><font><font>Syntaxe</font></font></h2>
-
-<pre class="eval"><em><font><font>Uri</font></font></em><font><font> = stylesheet.href
-</font></font></pre>
+<pre class="eval"><em>Uri</em> = stylesheet.href
+</pre>
 
-<h3 id="Parameters" name="Parameters"><font><font>Paramètres</font></font></h3>
+<h3 id="Parameters">Paramètres</h3>
 
 <ul>
- <li><code>uri</code><font><font> Est une chaîne contenant l'URI de la feuille de style.</font></font></li>
+ <li><code>uri</code> Est une chaîne contenant l'URI de la feuille de style.</li>
 </ul>
 
-<h2 id="Example" name="Example"><font><font>Exemple</font></font></h2>
-
-<pre><font><font> // sur une machine locale: </font></font><font><font>
- &lt;Html&gt; </font></font><font><font>
-  &lt;Tête&gt; </font></font><font><font>
-   &lt;Link rel = "StyleSheet" href = "example.css" type = "text / css" /&gt; </font></font><font><font>
-   &lt;Script&gt; </font></font><font><font>
-    Function sref () { </font></font><font><font>
-     Alerte (document.styleSheets [0] .href); </font></font><font><font>
-    }</font></font><font><font>
-   &lt;/ Script&gt; </font></font><font><font>
-  &lt;/ Head&gt; </font></font><font><font>
-  &lt;Body&gt; </font></font><font><font>
-   &lt;Div class = "tonnerre"&gt; Thunder &lt;/ div&gt;</font></font><font><font>
-   &lt;Button onclick = "sref ()"&gt; ss &lt;/ button&gt;</font></font><font><font>
-  &lt;/ Body&gt; </font></font><font><font>
- &lt;/ Html&gt;</font></font><font><font>
-// retourne "fichier: //// C: /Windows/Desktop/example.css</font></font>
+<h2 id="Example">Exemple</h2>
+
+<pre> // sur une machine locale: 
+ &lt;Html&gt; 
+  &lt;Tête&gt; 
+   &lt;Link rel = "StyleSheet" href = "example.css" type = "text / css" /&gt; 
+   &lt;Script&gt; 
+    Function sref () { 
+     Alerte (document.styleSheets [0] .href); 
+    }
+   &lt;/ Script&gt; 
+  &lt;/ Head&gt; 
+  &lt;Body&gt; 
+   &lt;Div class = "tonnerre"&gt; Thunder &lt;/ div&gt;
+   &lt;Button onclick = "sref ()"&gt; ss &lt;/ button&gt;
+  &lt;/ Body&gt; 
+ &lt;/ Html&gt;
+// retourne "fichier: //// C: /Windows/Desktop/example.css
 </pre>
 
-<h2 id="Notes" name="Notes"><font><font>Remarques</font></font></h2>
+<h2 id="Notes">Remarques</h2>
 
-<p><font><font>Si la feuille de style est une feuille de style liée, la valeur de son attribut est son emplacement. </font><font>Pour les feuilles de style en ligne, la valeur de cet attribut est </font></font><code>NULL</code><font><font>.</font></font></p>
+<p>Si la feuille de style est une feuille de style liée, la valeur de son attribut est son emplacement. Pour les feuilles de style en ligne, la valeur de cet attribut est <code>NULL</code>.</p>
 
-<p><font><font>Cette propriété est en lecture seule sur Firefox, Opera, Google Chrome et Safari, et elle est lue / écrite dans Internet Explorer.</font></font></p>
+<p>Cette propriété est en lecture seule sur Firefox, Opera, Google Chrome et Safari, et elle est lue / écrite dans Internet Explorer.</p>
 
-<h2 id="Specification" name="Specification"><font><font>spécification</font></font></h2>
+<h2 id="Specification">spécification</h2>
 
-<p><a class="external" href="http://www.w3.org/TR/2000/REC-DOM-Level-2-Style-20001113/stylesheets.html#StyleSheets-StyleSheet-href"><font><font>Href </font></font></a></p>
+<p><a href="http://www.w3.org/TR/2000/REC-DOM-Level-2-Style-20001113/stylesheets.html#StyleSheets-StyleSheet-href">Href </a></p>
diff --git a/files/fr/web/api/stylesheet/index.html b/files/fr/web/api/stylesheet/index.html
index 6a2a414946..6732be552d 100644
--- a/files/fr/web/api/stylesheet/index.html
+++ b/files/fr/web/api/stylesheet/index.html
@@ -13,7 +13,7 @@ translation_of: Web/API/StyleSheet
 
 <p>Un objet qui implémente l'interface <code>StyleSheet</code> représente une seule feuille de style. Les feuilles de style CSS implémenteront également l'interface plus spécialisée {{domxref("CSSStyleSheet")}}.</p>
 
-<h2 id="Properties" name="Properties">Propriétés</h2>
+<h2 id="Properties">Propriétés</h2>
 
 <dl>
  <dt>{{domxref("StyleSheet.disabled")}}</dt>
@@ -32,7 +32,7 @@ translation_of: Web/API/StyleSheet
  <dd>Une chaîne de caractères {{domxref("DOMString")}} indiquant le langage de représentation pour cette feuille de style.</dd>
 </dl>
 
-<h2 id="Specification" name="Specification">Spécifications</h2>
+<h2 id="Specification">Spécifications</h2>
 
 <table class="standard-table">
  <thead>
diff --git a/files/fr/web/api/stylesheet/media/index.html b/files/fr/web/api/stylesheet/media/index.html
index 89c03f7438..5d750c2e9c 100644
--- a/files/fr/web/api/stylesheet/media/index.html
+++ b/files/fr/web/api/stylesheet/media/index.html
@@ -3,33 +3,31 @@ title: StyleSheet.media
 slug: Web/API/StyleSheet/media
 translation_of: Web/API/StyleSheet/media
 ---
-<div><font><font>{{APIRef ("CSSOM")}}</font></font></div>
+<div>{{APIRef ("CSSOM")}}</div>
 
-<h2 id="Summary" name="Summary"><font><font>Résumé</font></font></h2>
+<p><strong>Media</strong> spécifie le support de destination prévu pour les informations de style.</p>
 
-<p><strong><font><font>Media</font></font></strong><font><font> spécifie le support de destination prévu pour les informations de style.</font></font></p>
+<h2 id="Syntax">Syntaxe</h2>
 
-<h2 id="Syntax" name="Syntax"><font><font>Syntaxe</font></font></h2>
-
-<pre class="eval"><em><font><font>Medium</font></font></em><font><font> = stylesheet.media</font></font><font><font>
-Stylesheet.media = </font></font><em><font><font>medium</font></font></em>
+<pre class="eval"><em>Medium</em> = stylesheet.media
+Stylesheet.media = <em>medium</em>
 </pre>
 
-<h2 id="Parameters" name="Parameters"><font><font>Paramètres</font></font></h2>
+<h2 id="Parameters">Paramètres</h2>
 
 <ul>
- <li><code>medium</code><font><font> Est une chaîne décrivant un seul moyen ou une liste séparée par des virgules.</font></font></li>
+ <li><code>medium</code> Est une chaîne décrivant un seul moyen ou une liste séparée par des virgules.</li>
 </ul>
 
-<h2 id="Example" name="Example"><font><font>Exemple</font></font></h2>
+<h2 id="Example">Exemple</h2>
 
-<pre><font><font>&lt;Link rel = "StyleSheet" href = "document.css" type = "text / css" media = "screen" /&gt;
-</font></font></pre>
+<pre>&lt;Link rel = "StyleSheet" href = "document.css" type = "text / css" media = "screen" /&gt;
+</pre>
 
-<h2 id="Notes" name="Notes"><font><font>Remarques</font></font></h2>
+<h2 id="Notes">Remarques</h2>
 
-<p><font><font>La valeur par défaut pour les médias est "écran".</font></font></p>
+<p>La valeur par défaut pour les médias est "écran".</p>
 
-<h2 id="Specification" name="Specification"><font><font>spécification</font></font></h2>
+<h2 id="Specification">spécification</h2>
 
-<p><font><font>DOM Styles de niveau 2 - FEUILLE DE STYLES</font></font></p>
+<p>DOM Styles de niveau 2 - FEUILLE DE STYLES</p>
diff --git a/files/fr/web/api/stylesheet/ownernode/index.html b/files/fr/web/api/stylesheet/ownernode/index.html
index b1f3d9c1e3..d736810190 100644
--- a/files/fr/web/api/stylesheet/ownernode/index.html
+++ b/files/fr/web/api/stylesheet/ownernode/index.html
@@ -3,39 +3,37 @@ title: StyleSheet.ownerNode
 slug: Web/API/StyleSheet/ownerNode
 translation_of: Web/API/StyleSheet/ownerNode
 ---
-<div><font><font>{{APIRef ("CSSOM")}}</font></font></div>
+<div>{{APIRef ("CSSOM")}}</div>
 
-<h2 id="Summary" name="Summary"><font><font>Résumé</font></font></h2>
+<p><strong>OwnerNode</strong> renvoie le noeud qui associe cette feuille de style au document.</p>
 
-<p><strong><font><font>OwnerNode</font></font></strong><font><font> renvoie le noeud qui associe cette feuille de style au document.</font></font></p>
+<h2 id="Syntax">Syntaxe</h2>
 
-<h2 id="Syntax" name="Syntax"><font><font>Syntaxe</font></font></h2>
-
-<pre class="eval"><em><font><font>ObjRef</font></font></em><font><font> = stylesheet.ownerNode
-</font></font></pre>
-
-<h2 id="Example" name="Example"><font><font>Exemple</font></font></h2>
+<pre class="eval"><em>ObjRef</em> = stylesheet.ownerNode
+</pre>
 
-<pre class="eval"><font><font>&lt;Html&gt;</font></font><font><font>
- &lt;Tête&gt;</font></font><font><font>
-  &lt;Link rel = "StyleSheet" href = "example.css" type = "text / css" /&gt;</font></font><font><font>
-  &lt;Script&gt;</font></font><font><font>
-   Function stilo () {</font></font><font><font>
-    Alerte (document.styleSheets [0] .ownerNode);</font></font><font><font>
-   }</font></font><font><font>
-  &lt;/ Script&gt; </font></font><font><font>
- &lt;/ Head&gt;</font></font><font><font>
- &lt;Body&gt;</font></font><font><font>
-   &lt;Button onclick = "stilo ()"&gt; ss &lt;/ button&gt;</font></font><font><font>
- &lt;/ Body&gt;</font></font><font><font>
-&lt;/ Html&gt;</font></font><font><font>
-// affiche "objet HTMLLinkElement"</font></font>
+<h2 id="Example">Exemple</h2>
+
+<pre class="eval">&lt;Html&gt;
+ &lt;Tête&gt;
+  &lt;Link rel = "StyleSheet" href = "example.css" type = "text / css" /&gt;
+  &lt;Script&gt;
+   Function stilo () {
+    Alerte (document.styleSheets [0] .ownerNode);
+   }
+  &lt;/ Script&gt; 
+ &lt;/ Head&gt;
+ &lt;Body&gt;
+   &lt;Button onclick = "stilo ()"&gt; ss &lt;/ button&gt;
+ &lt;/ Body&gt;
+&lt;/ Html&gt;
+// affiche "objet HTMLLinkElement"
 </pre>
 
-<h2 id="Notes" name="Notes"><font><font>Remarques</font></font></h2>
+<h2 id="Notes">Remarques</h2>
 
-<p><font><font>Pour HTML, </font></font><strong><font><font>ownerNode</font></font></strong><font><font> peut être l' </font><font>élément </font></font><a href="en/LINK"><font><font>LINK</font></font></a><font><font> ou </font></font><a href="en/STYLE"><font><font>STYLE</font></font></a><font><font> correspondant </font><font>. </font><font>Pour XML, il peut s'agir des instructions de traitement de liaison. </font><font>Pour les feuilles de style qui sont incluses dans d'autres feuilles de style, la valeur de cet attribut est NULL.</font></font></p>
+<p>Pour HTML, <strong>ownerNode</strong> peut être l' élément <a href="en/LINK">LINK</a> ou <a href="en/STYLE">STYLE</a> correspondant . Pour XML, il peut s'agir des instructions de traitement de liaison. Pour les feuilles de style qui sont incluses dans d'autres feuilles de style, la valeur de cet attribut est NULL.</p>
 
-<h2 id="Specification" name="Specification"><font><font>spécification</font></font></h2>
+<h2 id="Specification">spécification</h2>
 
-<p><font><font>DOM Styles de niveau 2 - FEUILLE DE STYLES</font></font></p>
+<p>DOM Styles de niveau 2 - FEUILLE DE STYLES</p>
diff --git a/files/fr/web/api/stylesheet/parentstylesheet/index.html b/files/fr/web/api/stylesheet/parentstylesheet/index.html
index 8db8ffbff9..1f0d852edf 100644
--- a/files/fr/web/api/stylesheet/parentstylesheet/index.html
+++ b/files/fr/web/api/stylesheet/parentstylesheet/index.html
@@ -4,33 +4,31 @@ slug: Web/API/StyleSheet/parentStyleSheet
 translation_of: Web/API/StyleSheet/parentStyleSheet
 ---
 <div>
-<div><font><font>{{APIRef ("CSSOM")}}</font></font></div>
+<div>{{APIRef ("CSSOM")}}</div>
 </div>
 
-<h2 id="Summary" name="Summary"><font><font>Résumé</font></font></h2>
+<p>Renvoie la feuille de style qui inclut celle-ci, le cas échéant.</p>
 
-<p><font><font>Renvoie la feuille de style qui inclut celle-ci, le cas échéant.</font></font></p>
+<h2 id="Syntax">Syntaxe</h2>
 
-<h2 id="Syntax" name="Syntax"><font><font>Syntaxe</font></font></h2>
+<pre class="syntaxbox"><em>ObjRef</em> = stylesheet.parentStyleSheet
+</pre>
 
-<pre class="syntaxbox"><em><font><font>ObjRef</font></font></em><font><font> = stylesheet.parentStyleSheet
-</font></font></pre>
+<h2 id="Example">Exemple</h2>
 
-<h2 id="Example" name="Example"><font><font>Exemple</font></font></h2>
+<pre class="brush:js">// trouve la feuille de style de niveau supérieur
+If (stylesheet.parentStyleSheet) {
+    Feuille = stylesheet.parentStyleSheet;
+} autre {
+    Feuille = feuille de style;
+}</pre>
 
-<pre class="brush:js"><font><font>// trouve la feuille de style de niveau supérieur</font></font><font><font>
-If (stylesheet.parentStyleSheet) {</font></font><font><font>
-    Feuille = stylesheet.parentStyleSheet;</font></font><font><font>
-} autre {</font></font><font><font>
-    Feuille = feuille de style;</font></font><font><font>
-}</font></font></pre>
+<h2 id="Notes">Remarques</h2>
 
-<h2 id="Notes" name="Notes"><font><font>Remarques</font></font></h2>
+<p>Cette propriété renvoie NULL est la feuille de style actuelle est une feuille de style de haut niveau ou si l'inclusion de la feuille de style n'est pas prise en charge.</p>
 
-<p><font><font>Cette propriété renvoie NULL est la feuille de style actuelle est une feuille de style de haut niveau ou si l'inclusion de la feuille de style n'est pas prise en charge.</font></font></p>
-
-<h2 id="Specification" name="Specification"><font><font>spécification</font></font></h2>
+<h2 id="Specification">spécification</h2>
 
 <ul>
- <li><a class="external" href="http://www.w3.org/TR/2000/REC-DOM-Level-2-Style-20001113/stylesheets.html#StyleSheets-StyleSheet-parentStyleSheet"><font><font>ParentStyleSheet </font></font></a></li>
+ <li><a href="http://www.w3.org/TR/2000/REC-DOM-Level-2-Style-20001113/stylesheets.html#StyleSheets-StyleSheet-parentStyleSheet">ParentStyleSheet </a></li>
 </ul>
diff --git a/files/fr/web/api/stylesheet/title/index.html b/files/fr/web/api/stylesheet/title/index.html
index a33fd45920..2892d25b2f 100644
--- a/files/fr/web/api/stylesheet/title/index.html
+++ b/files/fr/web/api/stylesheet/title/index.html
@@ -4,19 +4,17 @@ slug: Web/API/StyleSheet/title
 translation_of: Web/API/StyleSheet/title
 ---
 <div>
-<div><font><font>{{APIRef ("CSSOM")}}</font></font></div>
+<div>{{APIRef ("CSSOM")}}</div>
 </div>
 
-<h2 id="Summary" name="Summary"><font><font>Résumé</font></font></h2>
+<p><code>title</code> Renvoie le titre de conseil de la feuille de style actuelle.</p>
 
-<p><code>title</code><font><font> Renvoie le titre de conseil de la feuille de style actuelle.</font></font></p>
+<h2 id="Notes">Remarques</h2>
 
-<h2 id="Notes" name="Notes"><font><font>Remarques</font></font></h2>
+<p>Le titre est souvent spécifié dans {{domxref ("StyleSheet / OwnerNode", "ownerNode")}}.</p>
 
-<p><font><font>Le titre est souvent spécifié dans {{domxref ("StyleSheet / OwnerNode", "ownerNode")}}.</font></font></p>
-
-<h2 id="Specification" name="Specification"><font><font>spécification</font></font></h2>
+<h2 id="Specification">spécification</h2>
 
 <ul>
- <li><a class="external" href="http://www.w3.org/TR/2000/REC-DOM-Level-2-Style-20001113/stylesheets.html#StyleSheets-StyleSheet-title"><font><font>Titre </font></font></a></li>
+ <li><a href="http://www.w3.org/TR/2000/REC-DOM-Level-2-Style-20001113/stylesheets.html#StyleSheets-StyleSheet-title">Titre </a></li>
 </ul>
diff --git a/files/fr/web/api/stylesheet/type/index.html b/files/fr/web/api/stylesheet/type/index.html
index eb315e2871..3b2ce12fe1 100644
--- a/files/fr/web/api/stylesheet/type/index.html
+++ b/files/fr/web/api/stylesheet/type/index.html
@@ -3,22 +3,20 @@ title: StyleSheet.type
 slug: Web/API/StyleSheet/type
 translation_of: Web/API/StyleSheet/type
 ---
-<div><font><font>{{APIRef ("CSSOM")}}</font></font></div>
+<div>{{APIRef ("CSSOM")}}</div>
 
-<h2 id="Summary" name="Summary"><font><font>Résumé</font></font></h2>
+<p>Type spécifie la langue de la feuille de style pour cette feuille de style.</p>
 
-<p><font><font>Type spécifie la langue de la feuille de style pour cette feuille de style.</font></font></p>
+<h2 id="Syntax">Syntaxe</h2>
 
-<h2 id="Syntax" name="Syntax"><font><font>Syntaxe</font></font></h2>
+<pre class="eval"><em>String</em> = stylesheet.type
+</pre>
 
-<pre class="eval"><em><font><font>String</font></font></em><font><font> = stylesheet.type
-</font></font></pre>
+<h2 id="Example">Exemple</h2>
 
-<h2 id="Example" name="Example"><font><font>Exemple</font></font></h2>
+<pre> Ss.type = "text / css";
+</pre>
 
-<pre><font><font> Ss.type = "text / css";
-</font></font></pre>
+<h2 id="Specification">spécification</h2>
 
-<h2 id="Specification" name="Specification"><font><font>spécification</font></font></h2>
-
-<p><a class="external" href="http://www.w3.org/TR/2000/REC-DOM-Level-2-Style-20001113/stylesheets.html#StyleSheets-StyleSheet-type"><font><font>type </font></font></a></p>
+<p><a href="http://www.w3.org/TR/2000/REC-DOM-Level-2-Style-20001113/stylesheets.html#StyleSheets-StyleSheet-type">type </a></p>