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, 8 insertions, 10 deletions

diff --git a/files/fr/web/api/request/index.html b/files/fr/web/api/request/index.html
index 3a2f14df82..cc9160f5c2 100644
--- a/files/fr/web/api/request/index.html
+++ b/files/fr/web/api/request/index.html
@@ -86,14 +86,14 @@ translation_of: Web/API/Request
 </dl>
 
 <div class="note">
-<p><strong>Note</strong>: Les fonctions {{domxref("Body")}} ne peuvent être exécutées qu'une seule fois; les appels suivants seront résolus avec des chaînes vides / ArrayBuffers.</p>
+<p><strong>Note :</strong> Les fonctions {{domxref("Body")}} ne peuvent être exécutées qu'une seule fois; les appels suivants seront résolus avec des chaînes vides / ArrayBuffers.</p>
 </div>
 
 <h2 id="Exemples">Exemples</h2>
 
 <p>Dans l'extrait de code suivant, nous créons une nouvelle requête à l'aide du constructeur <code>Request()</code> (pour un fichier image dans le même répertoire que le script), puis renvoyons certaines valeurs de propriété de la requête:</p>
 
-<pre class="brush: js notranslate">const request = new Request('https://www.mozilla.org/favicon.ico');
+<pre class="brush: js">const request = new Request('https://www.mozilla.org/favicon.ico');
 
 const URL = request.url;
 const method = request.method;
@@ -102,7 +102,7 @@ const credentials = request.credentials;
 
 <p>Vous pouvez ensuite récupérer cette requête en passant l'objet <code>Request</code> en tant que paramètre à un appel {{domxref("WindowOrWorkerGlobalScope.fetch()")}}, par exemple:</p>
 
-<pre class="brush: js notranslate">fetch(request)
+<pre class="brush: js">fetch(request)
   .then(response =&gt; response.blob())
   .then(blob =&gt; {
     image.src = URL.createObjectURL(blob);
@@ -110,7 +110,7 @@ const credentials = request.credentials;
 
 <p>Dans l'extrait de code suivant, nous créons une nouvelle requête à l'aide du constructeur <code>Request()</code> avec des données initiales et du contenu du body pour une requête api qui nécessite une charge utile de body:</p>
 
-<pre class="brush: js notranslate">const request = new Request('https://example.com', {method: 'POST', body: '{"foo": "bar"}'});
+<pre class="brush: js">const request = new Request('https://example.com', {method: 'POST', body: '{"foo": "bar"}'});
 
 const URL = request.url;
 const method = request.method;
@@ -124,7 +124,7 @@ const bodyUsed = request.bodyUsed;
 
 <p>Vous pouvez ensuite récupérer cette demande d'API en passant l'objet <code>Request</code> en tant que paramètre à un appel {{domxref("WindowOrWorkerGlobalScope.fetch()")}}, par exemple et obtenir la réponse:</p>
 
-<pre class="brush: js notranslate">fetch(request)
+<pre class="brush: js">fetch(request)
   .then(response =&gt; {
     if (response.status === 200) {
       return response.json();
diff --git a/files/fr/web/api/request/mode/index.html b/files/fr/web/api/request/mode/index.html
index 1e1c82d317..d051e937d6 100644
--- a/files/fr/web/api/request/mode/index.html
+++ b/files/fr/web/api/request/mode/index.html
@@ -10,7 +10,7 @@ translation_of: Web/API/Request/mode
 <ul>
  <li><code>same-origin</code> — Avec ce mode défini, si la requête est faite vers une autre origine, le résultat sera une erreur. Vous pouvez utiliser ceci afin de vous assurer que la requête sera toujours faites vers votre origine.</li>
  <li><code>no-cors</code> — Prévient la méthode d’une utilisation autre que <code>HEAD</code>, <code>GET</code> ou <code>POST</code>. Si un ServiceWorkers interceptait ces requêtes, il ne pourrait pas ajouter ou réécrire ces en-têtes excepté pour <a href="https://fetch.spec.whatwg.org/#simple-header">ceci</a>. De plus, JavaScript ne peut accéder à aucune propriété de la {{domxref("Response")}}. Cela vous assure que les ServiceWorkers n’affecteront pas la sémantique du Web et prévient pour des raisons de sécurité et de confidentialité pouvant mener à la fuite de données à travers les domaines.</li>
- <li><code>cors</code> — Permet les requêtes cross-origin pour, par exemple, accéder à diverses APIs fournies par de tierces parties. Ces derniers sont censés adhérer au <a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/Access_control_CORS">protocole CORS</a>. Seul un <a href="https://fetch.spec.whatwg.org/#concept-filtered-response-cors">jeu limité</a> d’en-têtes est exposé dans la {{domxref("Response")}}, mais le corps (body) est lisible.</li>
+ <li><code>cors</code> — Permet les requêtes cross-origin pour, par exemple, accéder à diverses APIs fournies par de tierces parties. Ces derniers sont censés adhérer au <a href="/en-US/docs/Web/HTTP/Access_control_CORS">protocole CORS</a>. Seul un <a href="https://fetch.spec.whatwg.org/#concept-filtered-response-cors">jeu limité</a> d’en-têtes est exposé dans la {{domxref("Response")}}, mais le corps (body) est lisible.</li>
  <li><code>navigate</code> — Un mode pour supporter la navigation. La valeur <code>navigate</code> est destinée à être utilisée seulement par la navigation HTML. Une requête navigate est créée seulement lorsqu’on navigue entre des documents.</li>
 </ul>
 
diff --git a/files/fr/web/api/request/request/index.html b/files/fr/web/api/request/request/index.html
index 1eca86dcda..bea6114c46 100644
--- a/files/fr/web/api/request/request/index.html
+++ b/files/fr/web/api/request/request/index.html
@@ -121,13 +121,11 @@ var maRequete = new Request('fleurs.jpg', monInit);
 
 <p>Vous pouvez aussi passer un objet {{domxref("Request")}} au constructeur <code>Request()</code> pour créer une copie de la Request (c'est similaire au fait d'appeler la méthode {{domxref("Request.clone","clone()")}}).</p>
 
-<div class="codehilite" style="background: #f0f3f3;">
-<pre style="line-height: 125%;">var copie = new Request(maRequete);
+<pre>var copie = new Request(maRequete);
 </pre>
-</div>
 
 <div class="note">
-<p><strong>Note</strong> : Cette dernière utilisation n'est probablement utile que dans <a href="/en-US/docs/Web/API/ServiceWorker_API">ServiceWorkers</a>.</p>
+<p><strong>Note :</strong> Cette dernière utilisation n'est probablement utile que dans <a href="/en-US/docs/Web/API/ServiceWorker_API">ServiceWorkers</a>.</p>
 </div>
 
 <h2 id="Spécifications">Spécifications</h2>