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

14 files changed, 27 insertions, 78 deletions

diff --git a/files/fr/web/api/domtokenlist/add/index.html b/files/fr/web/api/domtokenlist/add/index.html
index 472030ca72..b274f15ac0 100644
--- a/files/fr/web/api/domtokenlist/add/index.html
+++ b/files/fr/web/api/domtokenlist/add/index.html
@@ -51,7 +51,7 @@ span.textContent = classes;
 
 <p>Vous pouvez ajouter plusieurs <em>token</em> :</p>
 
-<pre class="brush: js line-numbers  language-js"><code class="language-js">span<span class="punctuation token">.</span>classList<span class="punctuation token">.</span><span class="function token">add</span><span class="punctuation token">(</span><span class="string token">"d"</span><span class="punctuation token">,</span> <span class="string token">"e"</span><span class="punctuation token">,</span> <span class="string token">"f"</span><span class="punctuation token">)</span><span class="punctuation token">;</span></code></pre>
+<pre class="brush: js">span.classList.add("d", "e", "f");</pre>
 
 <h2 id="Spécifications">Spécifications</h2>
 
@@ -72,8 +72,4 @@ span.textContent = classes;
 
 <h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>
 
-<div>{{Compat("api.DOMTokenList.add")}}</div>
-
-<div id="compat-desktop"> </div>
-
-<div id="compat-mobile"> </div>
+<div>{{Compat("api.DOMTokenList.add")}}</div>
\ No newline at end of file
diff --git a/files/fr/web/api/domtokenlist/contains/index.html b/files/fr/web/api/domtokenlist/contains/index.html
index 282e4743b2..9954b4108f 100644
--- a/files/fr/web/api/domtokenlist/contains/index.html
+++ b/files/fr/web/api/domtokenlist/contains/index.html
@@ -71,8 +71,4 @@ if(result) {
 
 <h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>
 
-<div>{{Compat("api.DOMTokenList.contains")}}</div>
-
-<div id="compat-desktop"> </div>
-
-<p> </p>
+<div>{{Compat("api.DOMTokenList.contains")}}</div>
\ No newline at end of file
diff --git a/files/fr/web/api/domtokenlist/entries/index.html b/files/fr/web/api/domtokenlist/entries/index.html
index 8e8527b904..8642f149aa 100644
--- a/files/fr/web/api/domtokenlist/entries/index.html
+++ b/files/fr/web/api/domtokenlist/entries/index.html
@@ -24,7 +24,7 @@ translation_of: Web/API/DOMTokenList/entries
 
 <h2 id="Exemples">Exemples</h2>
 
-<p>Dans l'exemple suivant, nous récupérons la liste des classes définies sur un élément {{htmlelement("span")}} en tant que <code>DOMTokenList</code> en utilisant {{domxref("Element.classList")}}. Nous récupérons un itérateur contenant les paires clé / valeur en utilisant <code>entries()</code>, puis parcourons chacune d'entre elles en utilisant une boucle <a href="https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Instructions/for...of">for ... of</a> , et les écrivons dans un  {{domxref("Node.textContent")}}  du <code>&lt;span&gt;</code>.</p>
+<p>Dans l'exemple suivant, nous récupérons la liste des classes définies sur un élément {{htmlelement("span")}} en tant que <code>DOMTokenList</code> en utilisant {{domxref("Element.classList")}}. Nous récupérons un itérateur contenant les paires clé / valeur en utilisant <code>entries()</code>, puis parcourons chacune d'entre elles en utilisant une boucle <a href="/fr/docs/Web/JavaScript/Reference/Instructions/for...of">for ... of</a> , et les écrivons dans un  {{domxref("Node.textContent")}}  du <code>&lt;span&gt;</code>.</p>
 
 <p>D'abord le HTML :</p>
 
diff --git a/files/fr/web/api/domtokenlist/foreach/index.html b/files/fr/web/api/domtokenlist/foreach/index.html
index a472bdc26d..738ad80d7c 100644
--- a/files/fr/web/api/domtokenlist/foreach/index.html
+++ b/files/fr/web/api/domtokenlist/foreach/index.html
@@ -89,8 +89,6 @@ classes.forEach(
 
 <div>{{Compat("api.DOMTokenList.forEach")}}</div>
 
-<div id="compat-desktop"> </div>
-
 <h2 id="Voir_aussi">Voir aussi</h2>
 
 <ul>
diff --git a/files/fr/web/api/domtokenlist/index.html b/files/fr/web/api/domtokenlist/index.html
index 0784f5b071..8f454506dd 100644
--- a/files/fr/web/api/domtokenlist/index.html
+++ b/files/fr/web/api/domtokenlist/index.html
@@ -48,23 +48,22 @@ translation_of: Web/API/DOMTokenList
  <dd>renvoie un {{jsxref("Iteration_protocols", "itérateur","",1)}} qui permet de parcourir l'ensemble des clés contenues dans cet objet.</dd>
  <dt>{{domxref("DOMTokenList.values()")}}</dt>
  <dd>renvoie un {{jsxref("Iteration_protocols", "itérateur","",1)}} qui permet de parcourir l'ensemble des valeurs contenues dans cet objet.</dd>
- <dt>
- <h2 id="Exemples">Exemples</h2>
- </dt>
 </dl>
 
+<h2 id="Exemples">Exemples</h2>
+
 <p>Dans l'exemple suivant, nous récupérons la liste d'un ensemble de classes définies sur un élément {{htmlelement("p")}} en tant que <code>DOMTokenList</code> en<code> </code>utilisant  {{domxref("Element.classList")}}, ajoutons une classe en utilisant  {{domxref("DOMTokenList.add()")}}, puis mettons à jour le {{domxref("Node.textContent")}} du <code>&lt;p&gt;</code> pour qu'il soit égal à la  <code>DOMTokenList</code>.</p>
 
 <p>D'abord HTML :</p>
 
-<pre class="brush: html line-numbers  language-html"><code class="language-html"><span class="tag token"><span class="tag token"><span class="punctuation token">&lt;</span>p</span> <span class="attr-name token">class</span><span class="attr-value token"><span class="punctuation token">=</span><span class="punctuation token">"</span>a b c<span class="punctuation token">"</span></span><span class="punctuation token">&gt;</span></span><span class="tag token"><span class="tag token"><span class="punctuation token">&lt;/</span>p</span><span class="punctuation token">&gt;</span></span></code></pre>
+<pre class="brush: html">&lt;p class="a b c"&gt;&lt;/p&gt;</pre>
 
 <p>Puis Javascript :</p>
 
-<pre class="brush: js line-numbers  language-js"><code class="language-js"><span class="keyword token">var</span> para <span class="operator token">=</span> document<span class="punctuation token">.</span><span class="function token">querySelector</span><span class="punctuation token">(</span><span class="string token">"p"</span><span class="punctuation token">)</span><span class="punctuation token">;</span>
-<span class="keyword token">var</span> classes <span class="operator token">=</span> para<span class="punctuation token">.</span>classList<span class="punctuation token">;</span>
-para<span class="punctuation token">.</span>classList<span class="punctuation token">.</span><span class="function token">add</span><span class="punctuation token">(</span><span class="string token">"d"</span><span class="punctuation token">)</span><span class="punctuation token">;</span>
-para<span class="punctuation token">.</span>textContent <span class="operator token">=</span> <span class="string token">'paragraph classList is "'</span> <span class="operator token">+</span> classes <span class="operator token">+</span> <span class="string token">'"'</span><span class="punctuation token">;</span></code></pre>
+<pre class="brush: js">var para = document.querySelector("p");
+var classes = para.classList;
+para.classList.add("d");
+para.textContent = 'paragraph classList is "' + classes + '"';</pre>
 
 <p>La sortie ressemble à ceci :</p>
 
@@ -72,14 +71,14 @@ para<span class="punctuation token">.</span>textContent <span class="operator to
 
 <h2 id="Découpage_des_espaces_et_suppression_des_doublons">Découpage des espaces et suppression des doublons</h2>
 
-<p>Les méthodes qui modifient la <code>DOMTokenList</code> (comme {{domxref("DOMTokenList.add()")}}) <span id="result_box" lang="fr"><span>suppriment automatiquement les espaces en excès et les valeurs en double de la liste.</span> <span>Par exemple :</span></span></p>
+<p>Les méthodes qui modifient la <code>DOMTokenList</code> (comme {{domxref("DOMTokenList.add()")}}) suppriment automatiquement les espaces en excès et les valeurs en double de la liste. Par exemple :</p>
 
-<pre class="brush: html line-numbers  language-html"><code class="language-html"><span class="tag token"><span class="tag token"><span class="punctuation token">&lt;</span>span</span> <span class="attr-name token">class</span><span class="attr-value token"><span class="punctuation token">=</span><span class="punctuation token">"</span>    d   d e f<span class="punctuation token">"</span></span><span class="punctuation token">&gt;</span></span><span class="tag token"><span class="tag token"><span class="punctuation token">&lt;/</span>span</span><span class="punctuation token">&gt;</span></span></code></pre>
+<pre class="brush: html">&lt;span class="    d   d e f"&gt;&lt;/span&gt;</pre>
 
-<pre class="brush: js line-numbers  language-js"><code class="language-js"><span class="keyword token">var</span> span <span class="operator token">=</span> document<span class="punctuation token">.</span><span class="function token">querySelector</span><span class="punctuation token">(</span><span class="string token">"span"</span><span class="punctuation token">)</span><span class="punctuation token">;</span>
-<span class="keyword token">var</span> classes <span class="operator token">=</span> span<span class="punctuation token">.</span>classList<span class="punctuation token">;</span>
-span<span class="punctuation token">.</span>classList<span class="punctuation token">.</span><span class="function token">add</span><span class="punctuation token">(</span><span class="string token">"x"</span><span class="punctuation token">)</span><span class="punctuation token">;</span>
-span<span class="punctuation token">.</span>textContent <span class="operator token">=</span> <span class="string token">'span classList is "'</span> <span class="operator token">+</span> classes <span class="operator token">+</span> <span class="string token">'"'</span><span class="punctuation token">;</span></code></pre>
+<pre class="brush: js">var span = document.querySelector("span");
+var classes = span.classList;
+span.classList.add("x");
+span.textContent = 'span classList is "' + classes + '"';</pre>
 
 <p>La sortie ressemble à ceci :</p>
 
@@ -108,9 +107,7 @@ span<span class="punctuation token">.</span>textContent <span class="operator to
 
 <div>{{Compat("api.DOMTokenList")}}</div>
 
-<div id="compat-mobile">
 <h2 id="Voir_aussi">Voir aussi</h2>
-</div>
 
 <ul>
  <li>{{domxref("DOMSettableTokenList")}} : un objet qui étend <code>DOMTokenList</code> avec une propriété <em>.value</em> modifiable</li>
diff --git a/files/fr/web/api/domtokenlist/item/index.html b/files/fr/web/api/domtokenlist/item/index.html
index 1591d5c9fc..c3f6c7dc17 100644
--- a/files/fr/web/api/domtokenlist/item/index.html
+++ b/files/fr/web/api/domtokenlist/item/index.html
@@ -66,8 +66,4 @@ span.textContent = item;</pre>
 
 <h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>
 
-<div>{{Compat("api.DOMTokenList.item")}}</div>
-
-<div id="compat-desktop"> </div>
-
-<p> </p>
+<div>{{Compat("api.DOMTokenList.item")}}</div>
\ No newline at end of file
diff --git a/files/fr/web/api/domtokenlist/keys/index.html b/files/fr/web/api/domtokenlist/keys/index.html
index 85855c60c6..b707fae355 100644
--- a/files/fr/web/api/domtokenlist/keys/index.html
+++ b/files/fr/web/api/domtokenlist/keys/index.html
@@ -69,8 +69,4 @@ for(var value of iterator) {
 
 <h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>
 
-<div>{{Compat("api.DOMTokenList.keys")}}</div>
-
-<div id="compat-desktop"> </div>
-
-<div id="compat-mobile"> </div>
+<div>{{Compat("api.DOMTokenList.keys")}}</div>
\ No newline at end of file
diff --git a/files/fr/web/api/domtokenlist/length/index.html b/files/fr/web/api/domtokenlist/length/index.html
index 020d7bd7f6..1e21b1727f 100644
--- a/files/fr/web/api/domtokenlist/length/index.html
+++ b/files/fr/web/api/domtokenlist/length/index.html
@@ -61,8 +61,4 @@ span.textContent = 'classList length = ' + length;
 
 <h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>
 
-<div>{{Compat("api.DOMTokenList.length")}}</div>
-
-<div id="compat-desktop"> </div>
-
-<div id="compat-mobile"> </div>
+<div>{{Compat("api.DOMTokenList.length")}}</div>
\ No newline at end of file
diff --git a/files/fr/web/api/domtokenlist/remove/index.html b/files/fr/web/api/domtokenlist/remove/index.html
index b3721f931c..b68c42de55 100644
--- a/files/fr/web/api/domtokenlist/remove/index.html
+++ b/files/fr/web/api/domtokenlist/remove/index.html
@@ -48,7 +48,7 @@ span.textContent = classes;
 
 <p>{{ EmbedLiveSample('Examples', '100%', 60) }}</p>
 
-<p>Pour supprimer plusieurs classes à la fois, vous pouvez utiliser un tableau (<em>array</em>) avec la <a href="https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Op%C3%A9rateurs/Op%C3%A9rateur_de_d%C3%A9composition">syntaxe de décomposition</a>. L'ordre des classes n'a pas d'importance :</p>
+<p>Pour supprimer plusieurs classes à la fois, vous pouvez utiliser un tableau (<em>array</em>) avec la <a href="/fr/docs/Web/JavaScript/Reference/Op%C3%A9rateurs/Op%C3%A9rateur_de_d%C3%A9composition">syntaxe de décomposition</a>. L'ordre des classes n'a pas d'importance :</p>
 
 <pre class="brush: js">let span = document.getElementsByTagName("span")[0],
   classes = span.classList;
@@ -76,10 +76,4 @@ span.textContent = classes;
 
 <h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>
 
-<div>{{Compat("api.DOMTokenList.remove")}}</div>
-
-<div id="compat-desktop"> </div>
-
-<div id="compat-mobile"> </div>
-
-<p> </p>
+<div>{{Compat("api.DOMTokenList.remove")}}</div>
\ No newline at end of file
diff --git a/files/fr/web/api/domtokenlist/replace/index.html b/files/fr/web/api/domtokenlist/replace/index.html
index 64de0066fd..e3c1d8d799 100644
--- a/files/fr/web/api/domtokenlist/replace/index.html
+++ b/files/fr/web/api/domtokenlist/replace/index.html
@@ -73,8 +73,4 @@ try {
 
 <h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>
 
-<div>{{Compat("api.DOMTokenList.replace")}}</div>
-
-<div id="compat-desktop"> </div>
-
-<div id="compat-mobile"> </div>
+<div>{{Compat("api.DOMTokenList.replace")}}</div>
\ No newline at end of file
diff --git a/files/fr/web/api/domtokenlist/supports/index.html b/files/fr/web/api/domtokenlist/supports/index.html
index b536c5f40c..b9fb5ea4cf 100644
--- a/files/fr/web/api/domtokenlist/supports/index.html
+++ b/files/fr/web/api/domtokenlist/supports/index.html
@@ -59,8 +59,4 @@ if (iframe.sandbox.supports('allow-scripts')) {
 
 <h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>
 
-<div>{{Compat("api.DOMTokenList.supports")}}</div>
-
-<div id="compat-desktop"> </div>
-
-<div id="compat-mobile"> </div>
+<div>{{Compat("api.DOMTokenList.supports")}}</div>
\ No newline at end of file
diff --git a/files/fr/web/api/domtokenlist/toggle/index.html b/files/fr/web/api/domtokenlist/toggle/index.html
index 5dcf5826cf..ef036a01e7 100644
--- a/files/fr/web/api/domtokenlist/toggle/index.html
+++ b/files/fr/web/api/domtokenlist/toggle/index.html
@@ -75,8 +75,4 @@ span.onclick = function() {
 
 <h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>
 
-<div>{{Compat("api.DOMTokenList.toggle")}}</div>
-
-<div id="compat-desktop"> </div>
-
-<div id="compat-mobile"> </div>
+<div>{{Compat("api.DOMTokenList.toggle")}}</div>
\ No newline at end of file
diff --git a/files/fr/web/api/domtokenlist/value/index.html b/files/fr/web/api/domtokenlist/value/index.html
index 179b6dc852..da23f74aaf 100644
--- a/files/fr/web/api/domtokenlist/value/index.html
+++ b/files/fr/web/api/domtokenlist/value/index.html
@@ -58,8 +58,4 @@ span.textContent = classes.value;
 
 <h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>
 
-<div>{{Compat("api.DOMTokenList.value")}}</div>
-
-<div id="compat-desktop"> </div>
-
-<div id="compat-mobile"> </div>
+<div>{{Compat("api.DOMTokenList.value")}}</div>
\ No newline at end of file
diff --git a/files/fr/web/api/domtokenlist/values/index.html b/files/fr/web/api/domtokenlist/values/index.html
index 2abea40a04..294f75dd1c 100644
--- a/files/fr/web/api/domtokenlist/values/index.html
+++ b/files/fr/web/api/domtokenlist/values/index.html
@@ -67,8 +67,4 @@ for(var value of iterator) {
 
 <h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>
 
-<div>{{Compat("api.DOMTokenList.values")}}</div>
-
-<div id="compat-desktop"> </div>
-
-<div id="compat-mobile"> </div>
+<div>{{Compat("api.DOMTokenList.values")}}</div>
\ No newline at end of file