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

13 files changed, 38 insertions, 38 deletions

diff --git a/files/fr/web/api/treewalker/currentnode/index.html b/files/fr/web/api/treewalker/currentnode/index.html
index 4a57bb944d..3af4a1f311 100644
--- a/files/fr/web/api/treewalker/currentnode/index.html
+++ b/files/fr/web/api/treewalker/currentnode/index.html
@@ -13,13 +13,13 @@ translation_of: Web/API/TreeWalker/currentNode
 
 <p>La propriété <code><strong>TreeWalker.currentNode</strong></code> représente le {{domxref("Node")}} (<em>noeud</em>) sur lequel le {{domxref("TreeWalker")}} est actuellement pointé.</p>
 
-<h2 id="Syntax" name="Syntax">Syntaxe</h2>
+<h2 id="Syntax">Syntaxe</h2>
 
 <pre class="syntaxbox"><em>node</em> = <em>treeWalker</em>.currentNode;
 <code><em>treeWalker</em></code>.currentNode = <em>node</em>;
 </pre>
 
-<h2 id="Example" name="Example">Exemple</h2>
+<h2 id="Example">Exemple</h2>
 
 <pre class="brush: js">var treeWalker = document.createTreeWalker(
     document.body,
@@ -30,7 +30,7 @@ translation_of: Web/API/TreeWalker/currentNode
 root = treeWalker.currentNode; // l'élément racine car c'est le premier élément!
 </pre>
 
-<h2 id="Specification" name="Specification">Spécifications</h2>
+<h2 id="Specification">Spécifications</h2>
 
 <table class="standard-table">
  <tbody>
diff --git a/files/fr/web/api/treewalker/expandentityreferences/index.html b/files/fr/web/api/treewalker/expandentityreferences/index.html
index 18001450cc..ee9090b598 100644
--- a/files/fr/web/api/treewalker/expandentityreferences/index.html
+++ b/files/fr/web/api/treewalker/expandentityreferences/index.html
@@ -15,12 +15,12 @@ translation_of: Web/API/TreeWalker/expandEntityReferences
 
 <p>Si la valeur est <code>false</code> (<em>faux</em>), les enfants des nœuds de référence d'entité (ainsi que tous leurs descendants) sont rejetés. Cela a préséance sur la valeur de la méthode  {{domxref("TreeWalker.whatToShow")}} et du filtre associé.</p>
 
-<h2 id="Syntax" name="Syntax">Syntaxe</h2>
+<h2 id="Syntax">Syntaxe</h2>
 
 <pre class="syntaxbox"><em>expand</em> = <em>treeWalker</em>.expandEntityReferences;
 </pre>
 
-<h2 id="Example" name="Example">Exemple</h2>
+<h2 id="Example">Exemple</h2>
 
 <pre class="brush: js">var treeWalker = document.createTreeWalker(
     document.body,
@@ -30,7 +30,7 @@ translation_of: Web/API/TreeWalker/expandEntityReferences
 );
 expand = treeWalker.expandEntityReferences;</pre>
 
-<h2 id="Specification" name="Specification">Spécifications</h2>
+<h2 id="Specification">Spécifications</h2>
 
 <table class="standard-table">
  <tbody>
diff --git a/files/fr/web/api/treewalker/filter/index.html b/files/fr/web/api/treewalker/filter/index.html
index 1872033d47..e9e2904840 100644
--- a/files/fr/web/api/treewalker/filter/index.html
+++ b/files/fr/web/api/treewalker/filter/index.html
@@ -15,12 +15,12 @@ translation_of: Web/API/TreeWalker/filter
 
 <p>Lors de la création du <code>TreeWalker</code>, l'objet filtre est transmis comme 3ème paramètre et sa méthode {{domxref("NodeFilter.acceptNode()")}} est appelée sur tous les noeuds pour déterminer s'il doit ou non l'accepter.</p>
 
-<h2 id="Syntax" name="Syntax">Syntaxe</h2>
+<h2 id="Syntax">Syntaxe</h2>
 
 <pre class="syntaxbox"><em>nodeFilter</em> = <em>treeWalker</em>.filter;
 </pre>
 
-<h2 id="Example" name="Example">Exemple</h2>
+<h2 id="Example">Exemple</h2>
 
 <pre class="brush: js">var treeWalker = document.createTreeWalker(
     document.body,
@@ -31,7 +31,7 @@ translation_of: Web/API/TreeWalker/filter
 nodeFilter = treeWalker.filter; // document.body dans ce cas
 </pre>
 
-<h2 id="Specification" name="Specification">Spécifications</h2>
+<h2 id="Specification">Spécifications</h2>
 
 <table class="standard-table">
  <tbody>
diff --git a/files/fr/web/api/treewalker/firstchild/index.html b/files/fr/web/api/treewalker/firstchild/index.html
index 8485e85827..25d5749df2 100644
--- a/files/fr/web/api/treewalker/firstchild/index.html
+++ b/files/fr/web/api/treewalker/firstchild/index.html
@@ -13,11 +13,11 @@ translation_of: Web/API/TreeWalker/firstChild
 
 <p>La méthode <strong><code>TreeWalker.firstChild()</code></strong> déplace le {{domxref("Node")}} courant vers le premier enfant <em>visible</em> du noeud courant et renvoie l'enfant trouvé. Il déplace aussi le noeud courant vers cet enfant. Si aucun enfant n'existe, elle renvoie <code>null</code> et le noeud courant n'est pas modifié.</p>
 
-<h2 id="Syntax" name="Syntax">Syntaxe</h2>
+<h2 id="Syntax">Syntaxe</h2>
 
 <pre class="syntaxbox"><em>node</em> = <em>treeWalker</em>.firstChild;</pre>
 
-<h2 id="Example" name="Example">Exemple</h2>
+<h2 id="Example">Exemple</h2>
 
 <pre class="brush: js">var treeWalker = document.createTreeWalker(
     document.body,
@@ -29,7 +29,7 @@ var node = treeWalker.firstChild(); // renvoie le premier enfant de l'élément
 
 </pre>
 
-<h2 id="Specification" name="Specification">Spécifications</h2>
+<h2 id="Specification">Spécifications</h2>
 
 <table class="standard-table">
  <tbody>
diff --git a/files/fr/web/api/treewalker/index.html b/files/fr/web/api/treewalker/index.html
index 7815815f77..f5ac68fb17 100644
--- a/files/fr/web/api/treewalker/index.html
+++ b/files/fr/web/api/treewalker/index.html
@@ -17,7 +17,7 @@ translation_of: Web/API/TreeWalker
 
 <p>Un <code>TreeWalker</code> peut être créé en utilisant la méthode {{domxref("Document.createTreeWalker()")}}.</p>
 
-<h2 id="Properties" name="Properties">Propriétés</h2>
+<h2 id="Properties">Propriétés</h2>
 
 <p><em>Cette interface n'hérite d'aucune propriété.</em></p>
 
@@ -109,12 +109,12 @@ translation_of: Web/API/TreeWalker
  <dd>est le {{domxref("Node")}} sur lequel le <code>TreeWalker</code> pointe actuellement.</dd>
 </dl>
 
-<h2 id="Methods" name="Methods">Méthodes</h2>
+<h2 id="Methods">Méthodes</h2>
 
 <p><em>Cette interface n'hérite d'aucune méthode.</em></p>
 
 <div class="note">
-<p><em>Notez que le TreeWalker considère uniquement les nœuds DOM visibles..</em></p>
+<p><strong>Note :</strong> Le TreeWalker considère uniquement les nœuds DOM visibles.</p>
 </div>
 
 <dl>
@@ -134,7 +134,7 @@ translation_of: Web/API/TreeWalker
  <dd>Déplace le {{domxref("Node")}} courant vers le noeud <em>visible</em> suivant dans l'ordre du document et renvoie le noeud trouvé. Il déplace également le noeud courant vers celui-ci. Si aucun noeud n'existe ou s'il est avant le <em>noeud racine</em> défini lors de la construction de l'objet, renvoie <code>null</code> et le noeud courant n'est pas modifié.</dd>
 </dl>
 
-<h2 id="Specification" name="Specification">Spécifications</h2>
+<h2 id="Specification">Spécifications</h2>
 
 <table class="standard-table">
  <tbody>
diff --git a/files/fr/web/api/treewalker/lastchild/index.html b/files/fr/web/api/treewalker/lastchild/index.html
index fdd2a862b9..c61ad55a6a 100644
--- a/files/fr/web/api/treewalker/lastchild/index.html
+++ b/files/fr/web/api/treewalker/lastchild/index.html
@@ -13,12 +13,12 @@ translation_of: Web/API/TreeWalker/lastChild
 
 <p>La méthode <strong><code>TreeWalker.lastChild()</code></strong> déplace le {{domxref("Node")}} courant au dernier enfant <em>visible</em> du noeud courant et renvoie l'enfant trouvé. Il déplace aussi le noeud courant vers cet enfant. Si aucun enfant n'existe, elle retourne <code>null</code> et le noeud courant reste inchangé.</p>
 
-<h2 id="Syntax" name="Syntax">Syntaxe</h2>
+<h2 id="Syntax">Syntaxe</h2>
 
 <pre class="syntaxbox"><em>node</em> = <em>treeWalker</em>.lastChild();
 </pre>
 
-<h2 id="Example" name="Example">Exemple</h2>
+<h2 id="Example">Exemple</h2>
 
 <pre class="brush: js">var treeWalker = document.createTreeWalker(
     document.body,
@@ -29,7 +29,7 @@ translation_of: Web/API/TreeWalker/lastChild
 var node = treeWalker.lastChild(); // renvoie le dernier enfant visible de l'élément racine
 </pre>
 
-<h2 id="Specification" name="Specification">Spécifications</h2>
+<h2 id="Specification">Spécifications</h2>
 
 <table class="standard-table">
  <tbody>
diff --git a/files/fr/web/api/treewalker/nextnode/index.html b/files/fr/web/api/treewalker/nextnode/index.html
index 3507fea553..19b3d6e972 100644
--- a/files/fr/web/api/treewalker/nextnode/index.html
+++ b/files/fr/web/api/treewalker/nextnode/index.html
@@ -13,12 +13,12 @@ translation_of: Web/API/TreeWalker/nextNode
 
 <p>La méthode <strong><code>TreeWalker.nextNode()</code></strong> déplace le {{domxref("Node")}} courant au noeud suivant <em>visible</em> dans l'ordre du document et renvoie le noeud trouvé. Elle déplace aussi le noeud courant vers celui-ci. Si aucun noeud n'existe, elle renvoie <code>null</code> et le noeud courant est inchangé.</p>
 
-<h2 id="Syntax" name="Syntax">Syntaxe</h2>
+<h2 id="Syntax">Syntaxe</h2>
 
 <pre class="syntaxbox"><em>node</em> = <em>treeWalker</em>.nextNode();
 </pre>
 
-<h2 id="Example" name="Example">Exemple</h2>
+<h2 id="Example">Exemple</h2>
 
 <pre class="brush: js">var treeWalker = document.createTreeWalker(
     document.body,
@@ -30,7 +30,7 @@ var node = treeWalker.nextNode(); // renvoie le premier enfant de la racine, car
 
 </pre>
 
-<h2 id="Specification" name="Specification">Spécifications</h2>
+<h2 id="Specification">Spécifications</h2>
 
 <table class="standard-table">
  <tbody>
diff --git a/files/fr/web/api/treewalker/nextsibling/index.html b/files/fr/web/api/treewalker/nextsibling/index.html
index c13a152a47..ebf87930af 100644
--- a/files/fr/web/api/treewalker/nextsibling/index.html
+++ b/files/fr/web/api/treewalker/nextsibling/index.html
@@ -13,12 +13,12 @@ translation_of: Web/API/TreeWalker/nextSibling
 
 <p>La méthode <strong><code>TreeWalker.nextSibling()</code></strong> déplace le {{domxref("Node")}} courant vers son frère suivant, le cas échéant, et renvoie le frère trouvé. Si aucun noeud frère n'est trouvé, elle renvoie <code>null</code> et le noeud courant reste inchangé.</p>
 
-<h2 id="Syntax" name="Syntax">Syntaxe</h2>
+<h2 id="Syntax">Syntaxe</h2>
 
 <pre class="syntaxbox"><em>node</em> = <em>treeWalker</em>.nextSibling();
 </pre>
 
-<h2 id="Example" name="Example">Exemple</h2>
+<h2 id="Example">Exemple</h2>
 
 <pre class="brush: js">var treeWalker = document.createTreeWalker(
     document.body,
@@ -31,7 +31,7 @@ var node = treeWalker.nextSibling(); // renvoie null si le premier enfant de l'Ã
 
 </pre>
 
-<h2 id="Specification" name="Specification">Spécifications</h2>
+<h2 id="Specification">Spécifications</h2>
 
 <table class="standard-table">
  <tbody>
diff --git a/files/fr/web/api/treewalker/parentnode/index.html b/files/fr/web/api/treewalker/parentnode/index.html
index 81bb1b885a..a80948ea84 100644
--- a/files/fr/web/api/treewalker/parentnode/index.html
+++ b/files/fr/web/api/treewalker/parentnode/index.html
@@ -13,12 +13,12 @@ translation_of: Web/API/TreeWalker/parentNode
 
 <p>La méthode <strong><code>TreeWalker.parentNode()</code></strong> déplace le {{domxref("Node")}} courant vers le premier noeud ancêtre <em>visible</em> dans l'ordre du document et renvoie le noeud trouvé. Si aucun noeud n'existe ou s'il est au-dessus du <em>noeud racine</em> du <code>TreeWalker</code>, elle renvoie <code>null</code> et le noeud actuel reste inchangé.</p>
 
-<h2 id="Syntax" name="Syntax">Syntaxe</h2>
+<h2 id="Syntax">Syntaxe</h2>
 
 <pre class="syntaxbox"><em>node</em> = <em>treeWalker</em>.parentNode();
 </pre>
 
-<h2 id="Example" name="Example">Exemple</h2>
+<h2 id="Example">Exemple</h2>
 
 <pre class="brush: js">var treeWalker = document.createTreeWalker(
     document.body,
@@ -30,7 +30,7 @@ var node = treeWalker.parentNode(); // returns null as there is no parent
 
 </pre>
 
-<h2 id="Specification" name="Specification">Spécifications</h2>
+<h2 id="Specification">Spécifications</h2>
 
 <table class="standard-table">
  <tbody>
diff --git a/files/fr/web/api/treewalker/previousnode/index.html b/files/fr/web/api/treewalker/previousnode/index.html
index 5bc701e21c..05471ace25 100644
--- a/files/fr/web/api/treewalker/previousnode/index.html
+++ b/files/fr/web/api/treewalker/previousnode/index.html
@@ -13,12 +13,12 @@ translation_of: Web/API/TreeWalker/previousNode
 
 <p>La méthode <strong><code>TreeWalker.previousNode()</code></strong> déplace le {{domxref("Node")}} courant vers le noeud précédent <em>visible</em> dans l'ordre du document et renvoie le noeud trouvé. Elle déplace aussi le noeud courant vers celui-ci. S'il n'en existe aucun ou s'il est avant le <em>noeud racine</em> défini lors de la construction de l'objet, elle renvoie <code>null</code> et le noeud actuel n'est pas changé.</p>
 
-<h2 id="Syntax" name="Syntax">Syntaxe</h2>
+<h2 id="Syntax">Syntaxe</h2>
 
 <pre class="syntaxbox"><em>node</em> = <em>treeWalker</em>.previousNode();
 </pre>
 
-<h2 id="Example" name="Example">Exemple</h2>
+<h2 id="Example">Exemple</h2>
 
 <pre class="brush: js">var treeWalker = document.createTreeWalker(
     document.body,
@@ -30,7 +30,7 @@ var node = treeWalker.previousNode(); // renvoie null car il n'y a pas de parent
 
 </pre>
 
-<h2 id="Specification" name="Specification">Spécifications</h2>
+<h2 id="Specification">Spécifications</h2>
 
 <table class="standard-table">
  <tbody>
diff --git a/files/fr/web/api/treewalker/previoussibling/index.html b/files/fr/web/api/treewalker/previoussibling/index.html
index 150ccd3db9..49db9c03ad 100644
--- a/files/fr/web/api/treewalker/previoussibling/index.html
+++ b/files/fr/web/api/treewalker/previoussibling/index.html
@@ -13,12 +13,12 @@ translation_of: Web/API/TreeWalker/previousSibling
 
 <p>La méthode <strong><code>TreeWalker.previousSibling()</code></strong> déplace le {{domxref("Node")}} courant vers son frère précédent, le cas échéant, et renvoie le frère trouvé. S'il n'y en a pas, elle renvoie <code>null</code> et le noeud actuel est inchangé.</p>
 
-<h2 id="Syntax" name="Syntax">Syntaxe</h2>
+<h2 id="Syntax">Syntaxe</h2>
 
 <pre class="syntaxbox"><em>node</em> = <em>treeWalker</em>.previousSibling();
 </pre>
 
-<h2 id="Example" name="Example">Exemple</h2>
+<h2 id="Example">Exemple</h2>
 
 <pre class="brush: js">var treeWalker = document.createTreeWalker(
     document.body,
@@ -30,7 +30,7 @@ var node = treeWalker.previousSibling(); // renvoie null car il n'y a pas de frÃ
 
 </pre>
 
-<h2 id="Specification" name="Specification">Spécifications</h2>
+<h2 id="Specification">Spécifications</h2>
 
 <table class="standard-table">
  <tbody>
diff --git a/files/fr/web/api/treewalker/root/index.html b/files/fr/web/api/treewalker/root/index.html
index fe89e8d850..bfa2d38c2b 100644
--- a/files/fr/web/api/treewalker/root/index.html
+++ b/files/fr/web/api/treewalker/root/index.html
@@ -13,11 +13,11 @@ translation_of: Web/API/TreeWalker/root
 
 <p>La propriété en lecture seule <code><strong>TreeWalker.root</strong></code> renvoie le noeud qui est la racine de ce que TreeWalker doit traverser.</p>
 
-<h2 id="Syntax" name="Syntax">Syntaxe</h2>
+<h2 id="Syntax">Syntaxe</h2>
 
 <pre class="syntaxbox"><em>root</em> = TreeWalker.root;</pre>
 
-<h2 id="Example" name="Example">Exemple</h2>
+<h2 id="Example">Exemple</h2>
 
 <pre class="brush: js">var treeWalker = document.createTreeWalker(
     document.body,
@@ -28,7 +28,7 @@ translation_of: Web/API/TreeWalker/root
 root = treeWalker.root; // document.body dans ce cas
 </pre>
 
-<h2 id="Specification" name="Specification">Spécifications</h2>
+<h2 id="Specification">Spécifications</h2>
 
 <table class="standard-table">
  <tbody>
diff --git a/files/fr/web/api/treewalker/whattoshow/index.html b/files/fr/web/api/treewalker/whattoshow/index.html
index d0d559adbf..4e63064707 100644
--- a/files/fr/web/api/treewalker/whattoshow/index.html
+++ b/files/fr/web/api/treewalker/whattoshow/index.html
@@ -93,7 +93,7 @@ translation_of: Web/API/TreeWalker/whatToShow
 
 <pre class="syntaxbox"><em>nodeTypes</em> = treeWalker.whatToShow;</pre>
 
-<h2 id="Example" name="Example">Exemples</h2>
+<h2 id="Example">Exemples</h2>
 
 <pre class="brush: js">var treeWalker = document.createTreeWalker(
     document.body,