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, 20 insertions, 21 deletions

diff --git a/files/fr/web/api/idbopendbrequest/blocked_event/index.html b/files/fr/web/api/idbopendbrequest/blocked_event/index.html
index 0c9bdbf588..6789721695 100644
--- a/files/fr/web/api/idbopendbrequest/blocked_event/index.html
+++ b/files/fr/web/api/idbopendbrequest/blocked_event/index.html
@@ -10,7 +10,7 @@ original_slug: Web/API/IDBRequest/blocked_event
 
 <dl>
  <dt style="float: left; text-align: right; width: 120px;">Spécification</dt>
- <dd style="margin: 0 0 0 120px;"><a class="external" href="http://www.w3.org/TR/IndexedDB/#request-api">IndexedDB</a></dd>
+ <dd style="margin: 0 0 0 120px;"><a href="http://www.w3.org/TR/IndexedDB/#request-api">IndexedDB</a></dd>
  <dt style="float: left; text-align: right; width: 120px;">Interface</dt>
  <dd style="margin: 0 0 0 120px;">IDBVersionChangeEvent</dd>
  <dt style="float: left; text-align: right; width: 120px;">Propagation</dt>
@@ -69,20 +69,20 @@ original_slug: Web/API/IDBRequest/blocked_event
 
 <h2 id="Exemple">Exemple</h2>
 
-<pre class="brush:js; line-numbers  language-js"><code class="language-js"><span class="keyword token">var</span> req1 <span class="operator token">=</span> indexedDB<span class="punctuation token">.</span><span class="function token">open</span><span class="punctuation token">(</span><span class="string token">"addressbook"</span><span class="punctuation token">,</span> <span class="number token">3</span><span class="punctuation token">)</span><span class="punctuation token">;</span>
+<pre class="brush:js">var req1 = indexedDB.open("addressbook", 3);
 
-req1<span class="punctuation token">.</span>onsuccess <span class="operator token">=</span> <span class="keyword token">function</span><span class="punctuation token">(</span> event <span class="punctuation token">)</span> <span class="punctuation token">{</span>
-  <span class="keyword token">var</span> addressbookDB <span class="operator token">=</span> event<span class="punctuation token">.</span>target<span class="punctuation token">.</span>result<span class="punctuation token">;</span>
+req1.onsuccess = function( event ) {
+  var addressbookDB = event.target.result;
 
-  <span class="comment token">// Essayons d'ouvrir la même base de données avec une version de révision plus élevée</span>
-  <span class="keyword token">var</span> req2 <span class="operator token">=</span> indexedDB<span class="punctuation token">.</span><span class="function token">open</span><span class="punctuation token">(</span><span class="string token">"addressbook"</span><span class="punctuation token">,</span> <span class="number token">4</span><span class="punctuation token">)</span><span class="punctuation token">;</span>
+  // Essayons d'ouvrir la même base de données avec une version de révision plus élevée
+  var req2 = indexedDB.open("addressbook", 4);
 
-  <span class="comment token">// Dans ce cas, le handler onblocked</span> sera exécuté
-  req2<span class="punctuation token">.</span>onblocked <span class="operator token">=</span> <span class="keyword token">function</span><span class="punctuation token">(</span> e <span class="punctuation token">)</span> <span class="punctuation token">{</span>
-    console<span class="punctuation token">.</span><span class="function token">log</span><span class="punctuation token">(</span>e<span class="punctuation token">)</span>
-  <span class="punctuation token">}</span><span class="punctuation token">;</span>
+  // Dans ce cas, le handler onblocked sera exécuté
+  req2.onblocked = function( e ) {
+    console.log(e)
+  };
 
-<span class="punctuation token">}</span><span class="punctuation token">;</span></code></pre>
+};</pre>
 
 <h2 id="Evénements_liés">Evénements liés</h2>
 
diff --git a/files/fr/web/api/idbopendbrequest/index.html b/files/fr/web/api/idbopendbrequest/index.html
index 6ded1bf71a..2cbb5b3c7e 100644
--- a/files/fr/web/api/idbopendbrequest/index.html
+++ b/files/fr/web/api/idbopendbrequest/index.html
@@ -29,21 +29,20 @@ translation_of: Web/API/IDBOpenDBRequest
 
 <dl>
  <dt>{{domxref("IDBOpenDBRequest.onblocked")}}</dt>
- <dd><span id="result_box" lang="fr"><span>Le gestionnaire d'événements pour événement bloqué</span></span> . Cet événement est lancé lorsqu' un événement  <code>upgradeneeded </code>doit être déclenché en raison d'un changement de version, mais que la base de données est toujours en cours d'utilisation (c'est-à-dire, non fermée) quelque part, même après l'envoi de l'évènement <code>versionchange</code> .</dd>
+ <dd>Le gestionnaire d'événements pour événement bloqué . Cet événement est lancé lorsqu' un événement  <code>upgradeneeded </code>doit être déclenché en raison d'un changement de version, mais que la base de données est toujours en cours d'utilisation (c'est-à-dire, non fermée) quelque part, même après l'envoi de l'évènement <code>versionchange</code> .</dd>
  <dt>{{domxref("IDBOpenDBRequest.onupgradeneeded")}}</dt>
  <dd>Le gestionnaire d'évènement pour évènement <code>upgradeneeded</code> <em>(mise-à-jour nécessaire)</em>, lancé quand une base de données d'une version supérieure à celle de la base de données existante est chargé.</dd>
- <dt>
- <h2 id="Méthodes">Méthodes</h2>
-
- <p><em>Pas de méthodes, mais hérite des méthodes de ses parents {{domxref("IDBRequest")}} et {{domxref("EventTarget")}}.</em></p>
- </dt>
 </dl>
 
+<h2 id="Méthodes">Méthodes</h2>
+
+<p><em>Pas de méthodes, mais hérite des méthodes de ses parents {{domxref("IDBRequest")}} et {{domxref("EventTarget")}}.</em></p>
+
 <h2 id="Exemple">Exemple</h2>
 
-<p>Dans l'exemple ci-dessous,  le gestionnaire <code>onupgradeneeded</code> est utilisé pour mettre à jour la structure de la base de données, si une base plus récente est chargée. Pour voir un exemple complet, référez-vous à notre application <a class="external" href="https://github.com/mdn/to-do-notifications/tree/gh-pages">To-do Notifications</a> (<u><a href="http://mdn.github.io/to-do-notifications/">voir cet exemple réel</a></u>)</p>
+<p>Dans l'exemple ci-dessous,  le gestionnaire <code>onupgradeneeded</code> est utilisé pour mettre à jour la structure de la base de données, si une base plus récente est chargée. Pour voir un exemple complet, référez-vous à notre application <a href="https://github.com/mdn/to-do-notifications/tree/gh-pages">To-do Notifications</a> (<a href="http://mdn.github.io/to-do-notifications/">voir cet exemple réel</a>)</p>
 
-<pre class="brush: js; highlight:[15,25,26,28,29,30,31,32,33,34]">var db;
+<pre class="brush: js">var db;
 
 // Ouvre la base de données.
 var DBOpenRequest = window.indexedDB.open("toDoList", 4);
@@ -118,11 +117,11 @@ DBOpenRequest.onupgradeneeded = function(event) {
 <h2 id="Voir_aussi">Voir aussi</h2>
 
 <ul>
- <li><a href="https://developer.mozilla.org/fr/docs/Web/API/API_IndexedDB/Using_IndexedDB">Utiliser IndexedDB</a></li>
+ <li><a href="/fr/docs/Web/API/API_IndexedDB/Using_IndexedDB">Utiliser IndexedDB</a></li>
  <li>Démarrage de transactions : {{domxref("IDBDatabase")}}</li>
  <li>Utilisation de transactions : {{domxref("IDBTransaction")}}</li>
  <li>Définition un intervalle de clés : {{domxref("IDBKeyRange")}}</li>
  <li>Récupération et modification des données : {{domxref("IDBObjectStore")}}</li>
  <li>Utilisation de curseurs : {{domxref("IDBCursor")}}</li>
- <li>Exemple de référence : <a class="external" href="https://github.com/mdn/to-do-notifications/tree/gh-pages">To-do Notifications</a> (<a class="external" href="http://mdn.github.io/to-do-notifications/">view example live</a>.)</li>
+ <li>Exemple de référence : <a href="https://github.com/mdn/to-do-notifications/tree/gh-pages">To-do Notifications</a> (<a href="http://mdn.github.io/to-do-notifications/">view example live</a>.)</li>
 </ul>