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

7 files changed, 25 insertions, 32 deletions

diff --git a/files/fr/web/api/windoweventhandlers/index.html b/files/fr/web/api/windoweventhandlers/index.html
index 412ab62770..b74f03c601 100644
--- a/files/fr/web/api/windoweventhandlers/index.html
+++ b/files/fr/web/api/windoweventhandlers/index.html
@@ -9,10 +9,9 @@ translation_of: Web/API/WindowEventHandlers
 
 <div>La mixin <strong><code>WindowEventHandlers</code></strong> décrit les gestionnaires d'événements communs à plusieurs interfaces comme {{domxref("Window")}}, or {{domxref("HTMLBodyElement")}} et {{domxref("HTMLFrameSetElement")}}. Chacune de ces interfaces peut implémenter des gestionnaires d'événement supplémentaires.</div>
 
-<div> </div>
 
 <div class="note">
-<p><strong>Note</strong>: <code>WindowEventHandlers</code> est une mixin et non une interface; il n'est pas possible de créer un objet de type <code>WindowEventHandlers</code>.</p>
+<p><strong>Note :</strong> <code>WindowEventHandlers</code> est une mixin et non une interface; il n'est pas possible de créer un objet de type <code>WindowEventHandlers</code>.</p>
 </div>
 
 <h2 id="Propriétés">Propriétés</h2>
diff --git a/files/fr/web/api/windoweventhandlers/onafterprint/index.html b/files/fr/web/api/windoweventhandlers/onafterprint/index.html
index fdabdc1f3e..c51179479a 100644
--- a/files/fr/web/api/windoweventhandlers/onafterprint/index.html
+++ b/files/fr/web/api/windoweventhandlers/onafterprint/index.html
@@ -61,7 +61,5 @@ translation_of: Web/API/WindowEventHandlers/onafterprint
 <ul>
  <li>{{domxref("window.print")}}</li>
  <li>{{domxref("window.onbeforeprint")}}</li>
- <li><a href="/en-US/docs/Printing" title="Printing">Printing</a></li>
-</ul>
-
-<div class="grammarly-disable-indicator"> </div>
+ <li><a href="/en-US/docs/Printing">Printing</a></li>
+</ul>
\ No newline at end of file
diff --git a/files/fr/web/api/windoweventhandlers/onbeforeprint/index.html b/files/fr/web/api/windoweventhandlers/onbeforeprint/index.html
index 4f5e06adb8..049c317a23 100644
--- a/files/fr/web/api/windoweventhandlers/onbeforeprint/index.html
+++ b/files/fr/web/api/windoweventhandlers/onbeforeprint/index.html
@@ -12,12 +12,12 @@ translation_of: Web/API/WindowEventHandlers/onbeforeprint
 
 <p>La propriété <code>onbeforeprint</code> définit et retourne le code du gestionnaire d'événement <code>onbeforeprint</code> onbeforeprint pour la fenêtre actuelle.</p>
 
-<h2 id="Syntax" name="Syntax">Syntaxe</h2>
+<h2 id="Syntax">Syntaxe</h2>
 
 <pre class="syntaxbox">window.onbeforeprint = <em>code de traitement de l'événement</em>
 </pre>
 
-<h2 class="Notes" id="Notes">Notes</h2>
+<h2 id="Notes">Notes</h2>
 
 <p>Les événements <code>beforeprint</code> et <code>afterprint</code> permettent aux pages de modifier leur contenu avant le début de l'impression (peut-être pour supprimer une bannière, par exemple), puis d'annuler ces modifications une fois l'impression terminée. En général, les auteurs de contenu devraient préférer l'utilisation d'une règle CSS <a href="/en-US/docs/Web/CSS/@media">@media print</a>, mais il peut être nécessaire d'utiliser ces événements dans certains cas.</p>
 
@@ -25,10 +25,6 @@ translation_of: Web/API/WindowEventHandlers/onbeforeprint
 
 <p>Safari ne reconnaît pas ces événements, mais un résultat équivalent à l'événement <code>beforeprint</code> peut être obtenu avec <code>{{domxref("window.matchMedia")}}('print')</code>.</p>
 
-<p> </p>
-
-<p> </p>
-
 <pre class="brush: js">var mediaQueryList = window.matchMedia('print');
 mediaQueryList.addListener(function(mql) {
   if(mql.matches) {
@@ -36,7 +32,7 @@ mediaQueryList.addListener(function(mql) {
   }
 });</pre>
 
-<h2 id="Specification" name="Specification">Spécification</h2>
+<h2 id="Specification">Spécification</h2>
 
 <table class="standard-table">
  <thead>
@@ -55,13 +51,13 @@ mediaQueryList.addListener(function(mql) {
  </tbody>
 </table>
 
-<h2 id="Browser_compatibility" name="Browser_compatibility">Compatibilité des navigateurs</h2>
+<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2>
 
 
 
 <p>{{Compat("api.WindowEventHandlers.onbeforeprint")}}</p>
 
-<h2 id="See_also" name="See_also">Voir également</h2>
+<h2 id="See_also">Voir également</h2>
 
 <ul>
  <li>{{domxref("window.print")}}</li>
diff --git a/files/fr/web/api/windoweventhandlers/onbeforeunload/index.html b/files/fr/web/api/windoweventhandlers/onbeforeunload/index.html
index b63c5b4caf..0848a6ae06 100644
--- a/files/fr/web/api/windoweventhandlers/onbeforeunload/index.html
+++ b/files/fr/web/api/windoweventhandlers/onbeforeunload/index.html
@@ -3,11 +3,11 @@ title: window.onbeforeunload
 slug: Web/API/WindowEventHandlers/onbeforeunload
 translation_of: Web/API/WindowEventHandlers/onbeforeunload
 ---
-<h2 id="Sommaire" name="Sommaire">Résumé</h2>
+<h2 id="Sommaire">Résumé</h2>
 
 <p>Le gestionnaire d'événement <code><strong>WindowEventHandlers.onbeforeunload</strong></code> contient le code exécuté lorsque l'évènement {{event("beforeunload")}} est envoyé. Cet événement se déclenche lorsque la fenêtre est sur le point de recharger ses ressources.</p>
 
-<h2 id="Syntaxe" name="Syntaxe">Syntaxe</h2>
+<h2 id="Syntaxe">Syntaxe</h2>
 
 <pre class="brush: html">&lt;element beforeunload="funcRef(event);" /&gt;</pre>
 
@@ -19,7 +19,7 @@ translation_of: Web/API/WindowEventHandlers/onbeforeunload
  <li>funcRef : Référence à une fonction appelée lorsque l'évènement se déclenche</li>
 </ul>
 
-<h2 id="Exemple" name="Exemple">Exemple</h2>
+<h2 id="Exemple">Exemple</h2>
 
 <pre class="brush: js">window.onbeforeunload = function (e) {
   var e = e || window.event;
@@ -34,7 +34,7 @@ translation_of: Web/API/WindowEventHandlers/onbeforeunload
 };
 </pre>
 
-<h2 id="EventProperty" name="EventProperty">Propriétés de l'objet <strong>event</strong></h2>
+<h2 id="EventProperty">Propriétés de l'objet <strong>event</strong></h2>
 
 <pre>returnValue</pre>
 
@@ -46,4 +46,4 @@ translation_of: Web/API/WindowEventHandlers/onbeforeunload
 
 <p>L'évènement 'onbeforeunload' a été introduit par Microsoft dans IE4 et s'est généralisé dans tous les navigateurs.</p>
 
-<p><a class="external" href="http://msdn.microsoft.com/en-us/library/ms536907%28VS.85%29.aspx" title="MSDN—onbeforeunload Event">MSDN—onbeforeunload Event</a></p>
+<p><a href="http://msdn.microsoft.com/en-us/library/ms536907%28VS.85%29.aspx">MSDN—onbeforeunload Event</a></p>
diff --git a/files/fr/web/api/windoweventhandlers/onhashchange/index.html b/files/fr/web/api/windoweventhandlers/onhashchange/index.html
index bc46a7b004..1a495e5a37 100644
--- a/files/fr/web/api/windoweventhandlers/onhashchange/index.html
+++ b/files/fr/web/api/windoweventhandlers/onhashchange/index.html
@@ -124,6 +124,6 @@ if(!window.HashChangeEvent)(function(){
 
 <ul>
  <li><a href="/fr/docs/Web/Guide/DOM/Manipuler_historique_du_navigateur">Manipuler l'historique du navigateur</a></li>
- <li>Méthodes <a href="/fr/docs/Web/API/Window/history" title="DOM/window.history">history.pushState() et history.replaceState()</a></li>
- <li>L'événement <a href="/fr/docs/Web/API/WindowEventHandlers/onpopstate" title="DOM/window.onpopstate">popstate</a></li>
+ <li>Méthodes <a href="/fr/docs/Web/API/Window/history">history.pushState() et history.replaceState()</a></li>
+ <li>L'événement <a href="/fr/docs/Web/API/WindowEventHandlers/onpopstate">popstate</a></li>
 </ul>
diff --git a/files/fr/web/api/windoweventhandlers/onlanguagechange/index.html b/files/fr/web/api/windoweventhandlers/onlanguagechange/index.html
index 9e3d5fa3f8..5fe039c2cb 100644
--- a/files/fr/web/api/windoweventhandlers/onlanguagechange/index.html
+++ b/files/fr/web/api/windoweventhandlers/onlanguagechange/index.html
@@ -18,7 +18,7 @@ translation_of: Web/API/WindowEventHandlers/onlanguagechange
 
 <h2 id="Syntaxe">Syntaxe</h2>
 
-<pre class="syntaxbox notranslate"><em>object</em>.onlanguagechange = <em>function</em>;
+<pre class="syntaxbox"><em>object</em>.onlanguagechange = <em>function</em>;
 </pre>
 
 <h3 id="Valeur">Valeur</h3>
@@ -29,7 +29,7 @@ translation_of: Web/API/WindowEventHandlers/onlanguagechange
 
 <h2 id="Exemple">Exemple</h2>
 
-<pre class="brush: js notranslate">window.onlanguagechange = function(event) {
+<pre class="brush: js">window.onlanguagechange = function(event) {
   console.log('événement de changement de langue détecté!');
 };
 </pre>
diff --git a/files/fr/web/api/windoweventhandlers/onpopstate/index.html b/files/fr/web/api/windoweventhandlers/onpopstate/index.html
index 1218a53ac5..0a0ab110f2 100644
--- a/files/fr/web/api/windoweventhandlers/onpopstate/index.html
+++ b/files/fr/web/api/windoweventhandlers/onpopstate/index.html
@@ -11,11 +11,11 @@ translation_of: Web/API/WindowEventHandlers/onpopstate
 
 <p>Un gestionnaire d'évènement pour l'évènement <code>popstate</code> de la fenêtre.</p>
 
-<p><span style="line-height: inherit;">L'évènement <code>popstate</code></span> est envoyé à la fenêtre à chaque fois que l'entrée actuelle de l'historique change avec 2 autres entrées du même document. Si l'entrée actuelle a été créée en appelant <code>history.pushState()</code> ou a été modifiée en appelant <code>history.replaceState()</code>, la propriété <font face="Courier New, Andale Mono, monospace">state</font> de l'évènement <code>popstate</code> contient une copie de l'objet d'entrée de l'historique.</p>
+<p>L'évènement <code>popstate</code> est envoyé à la fenêtre à chaque fois que l'entrée actuelle de l'historique change avec 2 autres entrées du même document. Si l'entrée actuelle a été créée en appelant <code>history.pushState()</code> ou a été modifiée en appelant <code>history.replaceState()</code>, la propriété state de l'évènement <code>popstate</code> contient une copie de l'objet d'entrée de l'historique.</p>
 
 <p>Sachez qu'appeler <code>history.pushState()</code> ou <code>history.replaceState()</code> ne déclenchera pas l'évènement <code>popstate</code>. Cet évènement n'est déclenché que par une action utilisateur telle que cliquer sur le bouton Retour (ou appeler <code>history.back()</code>, en JavaScript). L'évènement n'est déclenché que pour la navigation entre deux entrées du même document.</p>
 
-<h3 id="Syntax" name="Syntax">Syntaxe</h3>
+<h3 id="Syntax">Syntaxe</h3>
 
 <pre class="eval">window.onpopstate = <em>funcRef</em>;
 </pre>
@@ -26,7 +26,7 @@ translation_of: Web/API/WindowEventHandlers/onpopstate
 
 <h3 id="Lévènement_popstate">L'évènement popstate</h3>
 
-<p>Par exemple, une page à l'adresse <a class="external" href="http://example.com/example.html" rel="freelink">http://example.com/example.html</a> exécutant le code suivant générera les alertes suivantes:</p>
+<p>Par exemple, une page à l'adresse <a href="http://example.com/example.html">http://example.com/example.html</a> exécutant le code suivant générera les alertes suivantes:</p>
 
 <pre class="brush: js">window.onpopstate = function(event) {
   alert("adresse: " + document.location + ", état: " + JSON.stringify(event.state));
@@ -39,20 +39,20 @@ history.back(); // affiche "adresse: http://example.com/example.html, état: nul
 history.go(2);  // affiche "adresse: http://example.com/example.html?page=3, état: {"page":3}
 </pre>
 
-<p>Même si l'entrée originelle (de <a class="external" href="http://example.com/example.html" rel="freelink">http://example.com/example.html</a>) n'a aucun objet d'état associé, l'évènement <code>popstate</code> est toujours déclenché lorsque l'entrée est activée après un deuxième appel à <code>history.back()</code>.</p>
+<p>Même si l'entrée originelle (de <a href="http://example.com/example.html">http://example.com/example.html</a>) n'a aucun objet d'état associé, l'évènement <code>popstate</code> est toujours déclenché lorsque l'entrée est activée après un deuxième appel à <code>history.back()</code>.</p>
 
-<h3 id="Specification" name="Specification">Spécification</h3>
+<h3 id="Specification">Spécification</h3>
 
 <ul>
- <li><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/#handler-window-onpopstate">HTML5 popstate event</a></li>
+ <li><a href="http://www.whatwg.org/specs/web-apps/current-work/#handler-window-onpopstate">HTML5 popstate event</a></li>
 </ul>
 
 <h3 id="Lire_également">Lire également</h3>
 
 <ul>
  <li>{{ domxref("window.history") }}</li>
- <li><a href="/fr/docs/DOM/manipuler_lhistorique_du_navigateur" title="/fr/docs/DOM/manipuler_lhistorique_du_navigateur">Manipuler l'historique du navigateur</a></li>
- <li><a href="/fr/docs/DOM/Manipulating_the_browser_history/Example" title="/fr/docs/DOM/Manipulating_the_browser_history/Example">Exemple de navigation en Ajax</a></li>
+ <li><a href="/fr/docs/DOM/manipuler_lhistorique_du_navigateur">Manipuler l'historique du navigateur</a></li>
+ <li><a href="/fr/docs/DOM/Manipulating_the_browser_history/Example">Exemple de navigation en Ajax</a></li>
 </ul>
 
 <p>{{ languages( {"zh-cn": "zh-cn/DOM/window.onpopstate" } ) }}</p>