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

5 files changed, 19 insertions, 17 deletions

diff --git a/files/fr/web/api/eventtarget/addeventlistener/index.html b/files/fr/web/api/eventtarget/addeventlistener/index.html
index c8e6650d62..8165dcccdf 100644
--- a/files/fr/web/api/eventtarget/addeventlistener/index.html
+++ b/files/fr/web/api/eventtarget/addeventlistener/index.html
@@ -30,7 +30,9 @@ translation_of: Web/API/EventTarget/addEventListener
 ---
 <p>{{APIRef("DOM Events")}}</p>
 
-<p><span class="seoSummary">La méthode <code><strong>addEventListener()</strong></code> de {{domxref("EventTarget")}} attache une fonction à appeler chaque fois que l'évènement spécifié est envoyé à la cible.</span> Les cibles courantes sont un {{domxref("Element")}}, le {{domxref("Document")}} lui-même et une {{domxref("Window")}}, mais on peut tout à fait cible n'importe quel objet prenant en charge les évènements (comme {{domxref("XMLHttpRequest")}}).</p>
+<p>>La méthode <code><strong>addEventListener()</strong></code> de {{domxref("EventTarget")}} attache une fonction à appeler chaque fois que l'évènement spécifié est envoyé à la cible.</p>
+
+<p>Les cibles courantes sont un {{domxref("Element")}}, le {{domxref("Document")}} lui-même et une {{domxref("Window")}}, mais on peut tout à fait cible n'importe quel objet prenant en charge les évènements (comme {{domxref("XMLHttpRequest")}}).</p>
 
 <p><code>addEventListener()</code> agit en ajoutant une fonction ou un objet qui implémente {{domxref("EventListener")}} à la liste des gestionnaires d'évènement pour le type d'évènement spécifié sur la cible ({{domxref("EventTarget")}}) à partir de laquelle il est appelé.</p>
 
@@ -268,7 +270,7 @@ el.addEventListener("click", () =&gt; {
     &lt;a class="inner1" href="https://www.mozilla.org" target="_blank"&gt;
       intérieur1, passive &amp; preventDefault (ce qui n'est pas autorisé)
     &lt;/a&gt;
-    &lt;a class="inner2" href="https://developer.mozilla.org/" target="_blank"&gt;
+    &lt;a class="inner2" href="/" target="_blank"&gt;
       intérieur2, none-passive &amp; preventDefault (nouvelle page non ouverte)
     &lt;/a&gt;
   &lt;/div&gt;
@@ -744,7 +746,7 @@ if (el.addEventListener) {
 
 <h3 id="Older_way_to_register_event_listeners">Ancienne manière d'enregistrer les écouteurs d'évènements</h3>
 
-<p>La méthode <code>addEventListener()</code> a été ajoutée dans la spécification DOM 2 <a class="external" href="http://www.w3.org/TR/DOM-Level-2-Events">Events</a>. Avant cela, les écouteurs d'évènements étaient enregistrés de la manière suivante :</p>
+<p>La méthode <code>addEventListener()</code> a été ajoutée dans la spécification DOM 2 <a href="http://www.w3.org/TR/DOM-Level-2-Events">Events</a>. Avant cela, les écouteurs d'évènements étaient enregistrés de la manière suivante :</p>
 
 <pre class="brush: js">
 // Passage d'une référence à une fonction
diff --git a/files/fr/web/api/eventtarget/dispatchevent/index.html b/files/fr/web/api/eventtarget/dispatchevent/index.html
index 10389d111d..ff64998f51 100644
--- a/files/fr/web/api/eventtarget/dispatchevent/index.html
+++ b/files/fr/web/api/eventtarget/dispatchevent/index.html
@@ -13,12 +13,12 @@ translation_of: Web/API/EventTarget/dispatchEvent
 
 <p>Envoie un {{domxref("Event")}} (<em>évènement</em>) à la {{domxref("EventTarget")}} (<em>cible</em>) spécifiée (synchrone) en appelant les {{domxref("EventListener")}} (<em>écouteurs</em>)  dans l'ordre approprié. Le processus normal de traitement de l'évènement (y compris les phases de capture et l'éventuelle propagation) s'applique aussi aux évènements diffusés manuellement avec <code>dispatchEvent()</code>.</p>
 
-<h2 id="Syntaxe" name="Syntaxe">Syntaxe</h2>
+<h2 id="Syntaxe">Syntaxe</h2>
 
 <pre class="syntaxbox"><em>cancelled</em> = !<em>target</em>.dispatchEvent(<em>event</em>)
 </pre>
 
-<h3 id="Param.C3.A8tres" name="Param.C3.A8tres">Paramètres</h3>
+<h3 id="Param.C3.A8tres">Paramètres</h3>
 
 <ul>
  <li><code>event</code> est un objet {{domxref("Event")}} à envoyer.</li>
@@ -33,17 +33,17 @@ translation_of: Web/API/EventTarget/dispatchEvent
 
 <p>La méthode <code>dispatchEvent</code> lance une exception <code>UNSPECIFIED_EVENT_TYPE_ERR</code> si le type de l'évènement n'a pas été spécifié par son initialisation avant l'appel de la méthode ou s'il est <code>null</code> ou une chaîne vide. Les exceptions lancées par les gestionnaires d'évènements sont signalées comme exceptions non interceptées ; les gestionnaires d'événements s'exécutent sur une pile d'appels imbriquée : ils bloquent l'appelant jusqu'à ce qu'ils se terminent, mais les exceptions ne se propagent pas à l'appelant.</p>
 
-<h2 id="Notes" name="Notes">Notes</h2>
+<h2 id="Notes">Notes</h2>
 
-<p>Contrairement aux événements "natifs", qui sont déclenchés par le DOM et invoquent les gestionnaires d'événements de manière asynchrone via la <a href="https://developer.mozilla.org/fr/docs/Web/JavaScript/Concurrence_et_boucle_des_%C3%A9v%C3%A9nements">boucle des événements</a>, <code>dispatchEvent</code> appelle les gestionnaires d'événements de manière synchrone. Tous les gestionnaires d'événements applicables s'exécuteront et retourneront avant que le code ne continue après l'appel à <code>dispatchEvent</code>.</p>
+<p>Contrairement aux événements "natifs", qui sont déclenchés par le DOM et invoquent les gestionnaires d'événements de manière asynchrone via la <a href="/fr/docs/Web/JavaScript/Concurrence_et_boucle_des_%C3%A9v%C3%A9nements">boucle des événements</a>, <code>dispatchEvent</code> appelle les gestionnaires d'événements de manière synchrone. Tous les gestionnaires d'événements applicables s'exécuteront et retourneront avant que le code ne continue après l'appel à <code>dispatchEvent</code>.</p>
 
-<p>Comme montré dans l'exemple qui précède, <code>dispatchEvent</code> est la dernière étape du processus création-initialisation-envoi, qui est utilisé pour envoyer des évènements dans le modèle de l'implémentation des évènements. Ceux-ci peuvent être créés en utilisant le <a href="https://developer.mozilla.org/fr/docs/Web/API/Event/Event">constructeur d'évènements</a>.</p>
+<p>Comme montré dans l'exemple qui précède, <code>dispatchEvent</code> est la dernière étape du processus création-initialisation-envoi, qui est utilisé pour envoyer des évènements dans le modèle de l'implémentation des évènements. Ceux-ci peuvent être créés en utilisant le <a href="/fr/docs/Web/API/Event/Event">constructeur d'évènements</a>.</p>
 
-<p>Voir aussi <a href="https://developer.mozilla.org/fr/docs/Web/API/Event" title="DOM/event">Objet Event référence</a>.</p>
+<p>Voir aussi <a href="/fr/docs/Web/API/Event">Objet Event référence</a>.</p>
 
 <h2 id="Exemple">Exemple</h2>
 
-<p>Voir <a href="https://developer.mozilla.org/fr/docs/Web/Guide/DOM/Events/Creating_and_triggering_events">Création et déclenchement d'évènements</a>.</p>
+<p>Voir <a href="/fr/docs/Web/Guide/DOM/Events/Creating_and_triggering_events">Création et déclenchement d'évènements</a>.</p>
 
 <h2 id="Spécification">Spécification</h2>
 
@@ -64,7 +64,7 @@ translation_of: Web/API/EventTarget/dispatchEvent
  </tbody>
 </table>
 
-<h2 id="Voir_.C3.A9galement" name="Voir_.C3.A9galement">Compatibilité des navigateurs</h2>
+<h2 id="Voir_.C3.A9galement">Compatibilité des navigateurs</h2>
 
 
 
diff --git a/files/fr/web/api/eventtarget/eventtarget/index.html b/files/fr/web/api/eventtarget/eventtarget/index.html
index 522466de4b..419fd32ffe 100644
--- a/files/fr/web/api/eventtarget/eventtarget/index.html
+++ b/files/fr/web/api/eventtarget/eventtarget/index.html
@@ -27,7 +27,7 @@ translation_of: Web/API/EventTarget/EventTarget
 
 <h2 id="Exemples">Exemples</h2>
 
-<pre class="brush: js" id="ct-20">class MyEventTarget extends EventTarget {
+<pre class="brush: js">class MyEventTarget extends EventTarget {
   constructor(mySecret) {
     super();
     this._secret = mySecret;
diff --git a/files/fr/web/api/eventtarget/index.html b/files/fr/web/api/eventtarget/index.html
index 99ea213416..b58f686516 100644
--- a/files/fr/web/api/eventtarget/index.html
+++ b/files/fr/web/api/eventtarget/index.html
@@ -12,9 +12,9 @@ tags:
 browser-compat: api.EventTarget
 translation_of: Web/API/EventTarget
 ---
-<nav>{{ApiRef("DOM Events")}}</nav>
+<div>{{ApiRef("DOM Events")}}</div>
 
-<p><span class="seoSummary"><code>EventTarget</code> est une interface DOM implémentée par des objets qui peuvent recevoir des événements et peuvent avoir des écouteurs pour eux.</span></p>
+<p><code>EventTarget</code> est une interface DOM implémentée par des objets qui peuvent recevoir des événements et peuvent avoir des écouteurs pour eux.</p>
 
 <p>{{domxref ("Element")}}, {{domxref ("Document")}} et {{domxref ("Window")}} sont les cibles d'événements les plus fréquentes, mais d'autres objets peuvent également être des cibles d'événements. Par exemple {{domxref ("XMLHttpRequest")}}, {{domxref ("AudioNode")}}, {{domxref ("AudioContext")}} et autres.</p>
 
@@ -55,7 +55,7 @@ translation_of: Web/API/EventTarget
 
 <h3 id="Implémentation_simple_dEventTarget">Implémentation simple d'EventTarget</h3>
 
-<pre class="brush: js notranslate">const EventTarget = function () {
+<pre class="brush: js">const EventTarget = function () {
   this.listeners = {}
 }
 
diff --git a/files/fr/web/api/eventtarget/removeeventlistener/index.html b/files/fr/web/api/eventtarget/removeeventlistener/index.html
index 322b0772a1..bef6e42e79 100644
--- a/files/fr/web/api/eventtarget/removeeventlistener/index.html
+++ b/files/fr/web/api/eventtarget/removeeventlistener/index.html
@@ -74,12 +74,12 @@ element.removeEventListener("mousedown", handleMouseDown, true);</pre>
 
 <p>Maintenant, regardez chacun de ces appels successifs à <code>removeEventListener()</code>. N'importe lequel d'entre eux dans lequel <code>capture</code> ou <code>useCapture</code> est <code>true</code> (<em>vrai</em>) échoue ; tous les autres réussissent. Seul le paramètre de <code>capture</code> est important pour <code>removeEventListener()</code>.</p>
 
-<pre class="brush: js line-numbers  language-js"><code class="language-js">element.removeEventListener("mousedown", handleMouseDown, { passive: true });     // Réussit
+<pre class="brush: js">element.removeEventListener("mousedown", handleMouseDown, { passive: true });     // Réussit
 element.removeEventListener("mousedown", handleMouseDown, { capture: false });    // Réussit
 element.removeEventListener("mousedown", handleMouseDown, { capture: true });     // Échoue
 element.removeEventListener("mousedown", handleMouseDown, { passive: false });    // Réussit
 element.removeEventListener("mousedown", handleMouseDown, false);                 // Réussit
-element.removeEventListener("mousedown", handleMouseDown, true);                  // Échoue</code>
+element.removeEventListener("mousedown", handleMouseDown, true);                  // Échoue
 </pre>
 
 <p>Il est à noter que certaines versions du navigateur ont été incohérentes à ce sujet, et sauf si vous avez des raisons spécifiques, il est probablement sage d'utiliser les mêmes valeurs que pour l'appel à <code>addEventListener()</code> lors de l'appel de <code>removeEventListener()</code>.</p>