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

2 files changed, 6 insertions, 10 deletions

diff --git a/files/fr/web/api/htmldialogelement/close_event/index.html b/files/fr/web/api/htmldialogelement/close_event/index.html
index e6920a2db2..e2a81f2a09 100644
--- a/files/fr/web/api/htmldialogelement/close_event/index.html
+++ b/files/fr/web/api/htmldialogelement/close_event/index.html
@@ -13,7 +13,7 @@ translation_of: Web/API/HTMLDialogElement/close_event
 ---
 <p>{{ APIRef() }}</p>
 
-<p><span class="seoSummary">L'événement <strong><code>close</code></strong> est déclenché sur un objet {{domxref ("HTMLDialogElement")}} lorsque la boîte de dialogue qu'il représente a été fermée</span></p>
+<p>L'événement <strong><code>close</code></strong> est déclenché sur un objet {{domxref ("HTMLDialogElement")}} lorsque la boîte de dialogue qu'il représente a été fermée.</p>
 
 <table class="properties">
  <tbody>
@@ -42,7 +42,7 @@ translation_of: Web/API/HTMLDialogElement/close_event
 
 <h4 id="HTML">HTML</h4>
 
-<pre class="brush: html notranslate">&lt;dialog class="example-dialog"&gt;
+<pre class="brush: html">&lt;dialog class="example-dialog"&gt;
   &lt;button class="close" type="reset"&gt;Close&lt;/button&gt;
 &lt;/dialog&gt;
 
@@ -50,18 +50,14 @@ translation_of: Web/API/HTMLDialogElement/close_event
 
 &lt;div class="result"&gt;&lt;/div&gt;</pre>
 
-<div class="hidden">
-<h4 id="CSS">CSS</h4>
-
-<pre class="brush: css notranslate">button, div {
+<pre class="brush: css hidden">button, div {
   margin: .5rem;
 }
 </pre>
-</div>
 
 <h4 id="JS">JS</h4>
 
-<pre class="brush: js notranslate">const result = document.querySelector('.result')
+<pre class="brush: js">const result = document.querySelector('.result')
 
 const dialog = document.querySelector('.example-dialog')
 dialog.addEventListener('close', (event) =&gt; {
diff --git a/files/fr/web/api/htmldialogelement/index.html b/files/fr/web/api/htmldialogelement/index.html
index 7a5458bf48..15d1449571 100644
--- a/files/fr/web/api/htmldialogelement/index.html
+++ b/files/fr/web/api/htmldialogelement/index.html
@@ -54,7 +54,7 @@ translation_of: Web/API/HTMLDialogElement
 
 <p>The following example shows a simple button that, when clicked, opens a {{htmlelement("dialog")}} containing a form via the {{domxref("HTMLDialogElement.showModal()")}} function. From there you can click the <em>Cancel</em> button to close the dialog (via the {{domxref("HTMLDialogElement.close()")}} function), or submit the form via the submit button.</p>
 
-<pre class="brush: html notranslate">  &lt;!-- Simple pop-up dialog box, containing a form --&gt;
+<pre class="brush: html">  &lt;!-- Simple pop-up dialog box, containing a form --&gt;
   &lt;dialog id="favDialog"&gt;
     &lt;form method="dialog"&gt;
       &lt;section&gt;
@@ -108,7 +108,7 @@ translation_of: Web/API/HTMLDialogElement
   &lt;/script&gt;</pre>
 
 <div class="note">
-<p><strong>Note</strong>: You can find this example on GitHub as <a href="https://github.com/mdn/dom-examples/blob/master/htmldialogelement-basic/index.html">htmldialogelement-basic</a> (<a href="https://mdn.github.io/dom-examples/htmldialogelement-basic/">see it live also</a>).</p>
+<p><strong>Note :</strong> You can find this example on GitHub as <a href="https://github.com/mdn/dom-examples/blob/master/htmldialogelement-basic/index.html">htmldialogelement-basic</a> (<a href="https://mdn.github.io/dom-examples/htmldialogelement-basic/">see it live also</a>).</p>
 </div>
 
 <h2 id="Specifications">Specifications</h2>