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

3 files changed, 13 insertions, 13 deletions

diff --git a/files/fr/web/api/documentfragment/documentfragment/index.html b/files/fr/web/api/documentfragment/documentfragment/index.html
index 205b036775..f9c636ecef 100644
--- a/files/fr/web/api/documentfragment/documentfragment/index.html
+++ b/files/fr/web/api/documentfragment/documentfragment/index.html
@@ -20,9 +20,9 @@ translation_of: Web/API/DocumentFragment/DocumentFragment
 
 <h2 id="Exemple">Exemple</h2>
 
-<pre class="brush: js  language-js"><code class="language-js">fragment <span class="operator token">=</span> new DocumentFragment<span class="function token"><span class="punctuation token">(</span></span><span class="punctuation token">)</span><span class="punctuation token">;</span></code></pre>
+<pre class="brush: js">fragment = new DocumentFragment();</pre>
 
-<h2 id="Specification" name="Specification">Spécification</h2>
+<h2 id="Specification">Spécification</h2>
 
 <table class="standard-table">
  <tbody>
@@ -46,5 +46,5 @@ translation_of: Web/API/DocumentFragment/DocumentFragment
 <h2 id="Voir_aussi">Voir aussi</h2>
 
 <ul>
- <li><a href="https://developer.mozilla.org/fr/docs/Web/API/Document_Object_Model" title="/en-US/docs/DOM/DOM_Reference">L'index des interfaces du DOM.</a></li>
+ <li><a href="/fr/docs/Web/API/Document_Object_Model">L'index des interfaces du DOM.</a></li>
 </ul>
diff --git a/files/fr/web/api/documentfragment/index.html b/files/fr/web/api/documentfragment/index.html
index eb109de2f1..23025411fa 100644
--- a/files/fr/web/api/documentfragment/index.html
+++ b/files/fr/web/api/documentfragment/index.html
@@ -12,7 +12,7 @@ translation_of: Web/API/DocumentFragment
 ---
 <p>{{ ApiRef("DOM") }}</p>
 
-<p>L’interface <strong><span class="external"><code>DocumentFragment</code></span></strong> représente un objet document minimal qui n’a pas de parent. Il est utilisé comme une version légère de {{domxref("Document")}} pour stocker un segment de structure de document composé de nœuds, tout comme un document standard. La différence fondamentale est que, comme le fragment de document ne fait pas réellement partie de la structure du DOM, les changements faits au fragment n’affectent pas le document, ne causent pas de {{Glossary("Reflow")}} , et ne provoquent pas les éventuels impacts de performance qui peuvent avoir lieu quand des changements sont faits.</p>
+<p>L’interface <strong><code>DocumentFragment</code></strong> représente un objet document minimal qui n’a pas de parent. Il est utilisé comme une version légère de {{domxref("Document")}} pour stocker un segment de structure de document composé de nœuds, tout comme un document standard. La différence fondamentale est que, comme le fragment de document ne fait pas réellement partie de la structure du DOM, les changements faits au fragment n’affectent pas le document, ne causent pas de {{Glossary("Reflow")}} , et ne provoquent pas les éventuels impacts de performance qui peuvent avoir lieu quand des changements sont faits.</p>
 
 <p>Un usage courant de <code>DocumentFragment</code> est de créer un fragment, assembler un sous-arbre DOM au sein de celui-ci, puis ajouter ou insérer le fragment dans le DOM en utilisant les méthodes de l’interface {{domxref("Node")}} (telles que {{domxref("Node.appendChild", "appendChild()")}} ou {{domxref("Node.insertBefore", "insertBefore()")}}). En faisant ainsi, on place les nœuds du fragment dans le DOM, en laissant derrière un <code>DocumentFragment</code> vide. Comme tous les nœuds sont insérés dans le document en une seule fois, un seul <em>reflow</em> et un seul rendu sont déclenchés, au lieu de potentiellement un pour chaque nœud inséré s’ils avaient été insérés séparément.</p>
 
@@ -22,7 +22,7 @@ translation_of: Web/API/DocumentFragment
 
 <p>{{InheritanceDiagram}}</p>
 
-<h2 id="Specification" name="Specification">Propriétés</h2>
+<h2 id="Specification">Propriétés</h2>
 
 <p><em>Cette interface n’a pas de propriétés spécifiques, mais hérite de celles de son parent, </em><em>{{domxref("Node")}}, et implémente celles de l’interface {{domxref("ParentNode")}}.</em></p>
 
@@ -54,10 +54,10 @@ translation_of: Web/API/DocumentFragment
  <dt>{{domxref("DocumentFragment.querySelectorAll()")}}</dt>
  <dd>Retourne une {{domxref("NodeList")}} de tous les nœuds {{domxref("Element")}} du <code>DocumentFragment</code> qui correspondent aux sélecteurs spécifiés.</dd>
  <dt>{{domxref("DocumentFragment.getElementById()")}}</dt>
- <dd>Retourne le premier nœud {{domxref("Element")}} du <code style="font-size: 14px;">DocumentFragment</code>, dans l’ordre du document, qui correspond à l’ID spécifié.</dd>
+ <dd>Retourne le premier nœud {{domxref("Element")}} du <code>DocumentFragment</code>, dans l’ordre du document, qui correspond à l’ID spécifié.</dd>
 </dl>
 
-<h2 id="Specifications" name="Specifications">Spécifications</h2>
+<h2 id="Specifications">Spécifications</h2>
 
 <table class="standard-table">
  <tbody>
@@ -101,5 +101,5 @@ translation_of: Web/API/DocumentFragment
 <h2 id="Voir_aussi">Voir aussi</h2>
 
 <ul>
- <li><a href="/en-US/docs/DOM/DOM_Reference" title="/en-US/docs/DOM/DOM_Reference">Index des interfaces DOM</a></li>
+ <li><a href="/en-US/docs/DOM/DOM_Reference">Index des interfaces DOM</a></li>
 </ul>
diff --git a/files/fr/web/api/documentfragment/queryselector/index.html b/files/fr/web/api/documentfragment/queryselector/index.html
index 6914d21c4a..86aac6075b 100644
--- a/files/fr/web/api/documentfragment/queryselector/index.html
+++ b/files/fr/web/api/documentfragment/queryselector/index.html
@@ -17,7 +17,7 @@ translation_of: Web/API/DocumentFragment/querySelector
 
 <p>Si les sélecteurs spécifiés dans paramètre sont invalides une {{domxref("DOMException")}} avec une valeur <code>SYNTAX_ERR</code> est lancée.</p>
 
-<h2 id="Syntax" name="Syntax">Syntaxe</h2>
+<h2 id="Syntax">Syntaxe</h2>
 
 <pre class="syntaxbox"><em>element</em> = <em>documentfragment</em>.querySelector(<em>selectors</em>);</pre>
 
@@ -28,7 +28,7 @@ translation_of: Web/API/DocumentFragment/querySelector
  <dd>est une {{domxref("DOMString")}} (<em>chaîne de caractères</em>) contenant un ou plusieurs sélecteurs CSS séparés par des virgules.</dd>
 </dl>
 
-<h2 id="Example" name="Example">Exemples</h2>
+<h2 id="Example">Exemples</h2>
 
 <h3 id="Exemple_de_base">Exemple de base</h3>
 
@@ -52,7 +52,7 @@ document.querySelector('#foo\\:bar')   // Correspond au second div
 &lt;/script&gt;
 </pre>
 
-<h2 id="Specification" name="Specification">Spécifications</h2>
+<h2 id="Specification">Spécifications</h2>
 
 <table class="standard-table">
  <tbody>
@@ -74,11 +74,11 @@ document.querySelector('#foo\\:bar')   // Correspond au second div
  </tbody>
 </table>
 
-<h2 id="Browser_Compatibility" name="Browser_Compatibility">Compatibilité des navigateurs</h2>
+<h2 id="Browser_Compatibility">Compatibilité des navigateurs</h2>
 
 <p>{{Compat("api.DocumentFragment.querySelector")}}</p>
 
-<h2 id="See_also" name="See_also">Voir aussi</h2>
+<h2 id="See_also">Voir aussi</h2>
 
 <ul>
  <li>L'interface {{domxref("DocumentFragment")}} à laquelle elle appartient.</li>