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

9 files changed, 49 insertions, 57 deletions

diff --git a/files/fr/web/api/audiobuffer/audiobuffer/index.html b/files/fr/web/api/audiobuffer/audiobuffer/index.html
index ad6a102ba3..ce67efa5e8 100644
--- a/files/fr/web/api/audiobuffer/audiobuffer/index.html
+++ b/files/fr/web/api/audiobuffer/audiobuffer/index.html
@@ -5,7 +5,7 @@ translation_of: Web/API/AudioBuffer/AudioBuffer
 ---
 <p>{{APIRef("Web Audio API")}}{{SeeCompatTable}}</p>
 
-<p><span class="seoSummary">Le constructeur <strong><code>AudioBuffer</code></strong> créer un nouvel objet {{domxref("AudioBuffer")}}.</span></p>
+<p>Le constructeur <strong><code>AudioBuffer</code></strong> créer un nouvel objet {{domxref("AudioBuffer")}}.</p>
 
 <h2 id="Syntax">Syntax</h2>
 
@@ -16,13 +16,13 @@ var audioBuffer = new AudioBuffer(context[, options]);</pre>
 
 <dl>
  <dt><em>context </em>{{obsolete_inline("")}}</dt>
- <dd>Référence à un {{domxref("AudioContext")}}. Ce paramètre a été supprimer de la specification. <span id="result_box" lang="fr"><span>Consultez la section Compatibilité du navigateur pour plus de détails.</span></span></dd>
+ <dd>Référence à un {{domxref("AudioContext")}}. Ce paramètre a été supprimer de la specification. Consultez la section Compatibilité du navigateur pour plus de détails.</dd>
  <dt><em>options</em> {{optional_inline}}</dt>
  <dd>Les options sont les suivantes:
  <ul>
-  <li><code>length</code>:  L<span id="result_box" lang="fr"><span>ongueur de l'échantillonnage du tampon</span></span>.</li>
+  <li><code>length</code>:  Longueur de l'échantillonnage du tampon.</li>
   <li><code>numberOfChannels</code>: Nombre de cannaux du buffer. La valeur par défaut est 1. </li>
-  <li><code>sampleRate</code>: Taux d'échantillonnage du buffer en Hz. La valeur par défaut est le taux d'<span id="result_box" lang="fr"><span>échantillonnage du </span></span><code>context</code><span lang="fr"><span> utilisé dans la construction de cet objet </span></span></li>
+  <li><code>sampleRate</code>: Taux d'échantillonnage du buffer en Hz. La valeur par défaut est le taux d'échantillonnage du <code>context</code> utilisé dans la construction de cet objet </li>
  </ul>
  </dd>
 </dl>
diff --git a/files/fr/web/api/audiobuffer/copyfromchannel/index.html b/files/fr/web/api/audiobuffer/copyfromchannel/index.html
index ae483b7912..2ae87ca120 100644
--- a/files/fr/web/api/audiobuffer/copyfromchannel/index.html
+++ b/files/fr/web/api/audiobuffer/copyfromchannel/index.html
@@ -10,9 +10,7 @@ translation_of: Web/API/AudioBuffer/copyFromChannel
 ---
 <p>{{ APIRef("Web Audio API") }}</p>
 
-<div>
-<p><span class="seoSummary">La méthode <code>copyFromChannel() </code>de l'interface {{ domxref("AudioBuffer") }} copie les échantillons de l'un des canaux de l'<code>AudioBuffer</code> dans un tableau.</span></p>
-</div>
+<p>La méthode <code>copyFromChannel() </code>de l'interface {{ domxref("AudioBuffer") }} copie les échantillons de l'un des canaux de l'<code>AudioBuffer</code> dans un tableau.</p>
 
 <h2 id="Syntaxe">Syntaxe</h2>
 
diff --git a/files/fr/web/api/audiobuffer/copytochannel/index.html b/files/fr/web/api/audiobuffer/copytochannel/index.html
index 6a6f0966b4..38a6393ebc 100644
--- a/files/fr/web/api/audiobuffer/copytochannel/index.html
+++ b/files/fr/web/api/audiobuffer/copytochannel/index.html
@@ -5,9 +5,7 @@ translation_of: Web/API/AudioBuffer/copyToChannel
 ---
 <p>{{ APIRef("Web Audio API") }}</p>
 
-<div>
-<p><span class="seoSummary">La méthode <code>copyToChannel() </code>de l'interface {{ domxref("AudioBuffer") }} copie les échantillons du tableau source vers le canal de l'<code>AudioBuffer</code> spécifié.</span></p>
-</div>
+<p>La méthode <code>copyToChannel() </code>de l'interface {{ domxref("AudioBuffer") }} copie les échantillons du tableau source vers le canal de l'<code>AudioBuffer</code> spécifié.</p>
 
 <h2 id="Syntaxe">Syntaxe</h2>
 
diff --git a/files/fr/web/api/audiobuffer/duration/index.html b/files/fr/web/api/audiobuffer/duration/index.html
index 12030c1a84..447932473d 100644
--- a/files/fr/web/api/audiobuffer/duration/index.html
+++ b/files/fr/web/api/audiobuffer/duration/index.html
@@ -11,7 +11,7 @@ translation_of: Web/API/AudioBuffer/duration
 
 <h2 id="Syntaxe">Syntaxe</h2>
 
-<pre class="brush: js;highlight[22]">var tableauTampon = audioCtx.createBuffer(nombreCanaux, nombreFrames, contexteAudio.sampleRate);
+<pre class="brush: js">var tableauTampon = audioCtx.createBuffer(nombreCanaux, nombreFrames, contexteAudio.sampleRate);
 tableauTampon.duration;</pre>
 
 <h3 id="Valeur">Valeur</h3>
@@ -20,7 +20,7 @@ tableauTampon.duration;</pre>
 
 <h2 id="Exemple">Exemple</h2>
 
-<pre class="brush: js;highlight[22]">// Stereo
+<pre class="brush: js">// Stereo
 var nombreCanaux = 2;
 
 // Crée une mémoire tampon vide de 2 secondes
diff --git a/files/fr/web/api/audiobuffer/getchanneldata/index.html b/files/fr/web/api/audiobuffer/getchanneldata/index.html
index bab087dc68..7f64f907a0 100644
--- a/files/fr/web/api/audiobuffer/getchanneldata/index.html
+++ b/files/fr/web/api/audiobuffer/getchanneldata/index.html
@@ -5,15 +5,11 @@ translation_of: Web/API/AudioBuffer/getChannelData
 ---
 <p>{{ APIRef("Web Audio API") }}</p>
 
-<div>
-<div>
-<p><span class="seoSummary">La méthode </span><code>getChannelData</code><span class="seoSummary"><code>() </code>de l'interface {{ domxref("AudioBuffer") }} renvoie un </span>{{domxref("Float32Array")}} contenant les données PCM associées au canal spécifié (0 correspondant au premier canal)<span class="seoSummary">.</span></p>
-</div>
-</div>
+<p>La méthode <code>getChannelData() </code>de l'interface {{ domxref("AudioBuffer") }} renvoie un {{domxref("Float32Array")}} contenant les données PCM associées au canal spécifié (0 correspondant au premier canal).</p>
 
 <h2 id="Syntaxe">Syntaxe</h2>
 
-<pre class="brush: js;highlight[22]">var tableauDonnees = contexteAudio.createBuffer(nombreCanaux, nombreFrames, contexteAudio.sampleRate);
+<pre class="brush: js">var tableauDonnees = contexteAudio.createBuffer(nombreCanaux, nombreFrames, contexteAudio.sampleRate);
 var tampon = tableauDonnees.getChannelData(canal);</pre>
 
 <h3 id="Valeur">Valeur</h3>
@@ -24,7 +20,7 @@ var tampon = tableauDonnees.getChannelData(canal);</pre>
 
 <p>Dans l'exemple suivant crée un buffer de 2 secondes, le remplit avec du bruit blanc puis le lit via un {{ domxref("AudioBufferSourceNode") }}. Vous pouvez aussi <a href="http://mdn.github.io/audio-buffer/">exécuter le code</a>, or <a href="https://github.com/mdn/audio-buffer">voir le code source</a>.</p>
 
-<pre class="brush: js;highlight[21]">var contexteAudio = new (window.AudioContext || window.webkitAudioContext)();
+<pre class="brush: js">var contexteAudio = new (window.AudioContext || window.webkitAudioContext)();
 var bouton = document.querySelector('button');
 var preformate = document.querySelector('pre');
 var monScript = document.querySelector('script');
diff --git a/files/fr/web/api/audiobuffer/index.html b/files/fr/web/api/audiobuffer/index.html
index effd8fd44c..faa4f0f309 100644
--- a/files/fr/web/api/audiobuffer/index.html
+++ b/files/fr/web/api/audiobuffer/index.html
@@ -40,51 +40,51 @@ translation_of: Web/API/AudioBuffer
  <dt>{{domxref("AudioBuffer.getChannelData()")}}</dt>
  <dd>Retourne un {{domxref ("Float32Array")}} contenant les données PCM associés au canal, défini par l'index du canal (0 représentant le premier canal).</dd>
  <dt>{{domxref("AudioBuffer.copyFromChannel()")}}</dt>
- <dd>Copie les échantillons du canal associé à <span class="idlType"><code>AudioBuffer</code></span> dans un tableau de destination.</dd>
+ <dd>Copie les échantillons du canal associé à <code>AudioBuffer</code> dans un tableau de destination.</dd>
  <dt>{{domxref("AudioBuffer.copyToChannel()")}}</dt>
- <dd>Copie les échantillons dans le canal associé à <span class="idlType"><code>AudioBuffer</code></span>, depuis le tableau <code>source</code>.</dd>
+ <dd>Copie les échantillons dans le canal associé à <code>AudioBuffer</code>, depuis le tableau <code>source</code>.</dd>
 </dl>
 
 <h2 id="Exemple">Exemple</h2>
 
 <p>L'exemple suivant montre comment créer un  <code>AudioBuffer</code> et le remplir avec du bruit blanc. Le code source est disponible sur notre repo <a href="https://github.com/mdn/audio-buffer">audio-buffer demo</a>; une <a href="http://mdn.github.io/audio-buffer/">version live</a> est également consultable.</p>
 
-<pre class="brush: js;highlight:[7,14,27] line-numbers  language-js"><code class="language-js"><span class="comment token">// Stéréo</span>
-<span class="keyword token">var</span> nombreCanaux <span class="operator token">=</span> <span class="number token">2</span><span class="punctuation token">;</span>
+<pre class="brush: js">// Stéréo
+var nombreCanaux = 2;
 
-<span class="comment token">// Crée une mémoire tampon vide de 2 secondes</span>
-<span class="comment token">// à la fréquence d'échantillonage du contexte AudioContext</span>
-<span class="keyword token">var</span> nombreFrames <span class="operator token">=</span> contexteAudio<span class="punctuation token">.</span>sampleRate <span class="operator token">*</span> <span class="number token">2.0</span><span class="punctuation token">;</span>
-<span class="keyword token">var</span> tableauDonnees <span class="operator token">=</span> audioCtx<span class="punctuation token">.</span><span class="function token">createBuffer</span><span class="punctuation token">(</span>nombreCanaux<span class="punctuation token">,</span> nombreFrames<span class="punctuation token">,</span> contexteAudio<span class="punctuation token">.</span>sampleRate<span class="punctuation token">)</span><span class="punctuation token">;</span>
+// Crée une mémoire tampon vide de 2 secondes
+// à la fréquence d'échantillonage du contexte AudioContext
+var nombreFrames = contexteAudio.sampleRate * 2.0;
+var tableauDonnees = audioCtx.createBuffer(nombreCanaux, nombreFrames, contexteAudio.sampleRate);
 
-bouton<span class="punctuation token">.</span>onclick <span class="operator token">=</span> <span class="keyword token">function</span><span class="punctuation token">(</span><span class="punctuation token">)</span> <span class="punctuation token">{</span>
-  <span class="comment token">// remplit la mémoire tampon avec du bruit blanc</span>
-  <span class="comment token">// valeurs aléatoires entre -1.0 et 1.0</span>
-  <span class="keyword token">for</span> <span class="punctuation token">(</span><span class="keyword token">var</span> canal <span class="operator token">=</span> <span class="number token">0</span><span class="punctuation token">;</span> canal <span class="operator token">&lt;</span> nombreCanaux<span class="punctuation token">;</span> canal<span class="operator token">++</span><span class="punctuation token">)</span> <span class="punctuation token">{</span>
-    <span class="comment token">// génère le tableau contenant les données</span>
-    <span class="keyword token">var</span> tampon <span class="operator token">=</span> tableauDonnees<span class="punctuation token">.</span><span class="function token">getChannelData</span><span class="punctuation token">(canal</span><span class="punctuation token">)</span><span class="punctuation token">;</span>
-    <span class="keyword token">for</span> <span class="punctuation token">(</span><span class="keyword token">var</span> i <span class="operator token">=</span> <span class="number token">0</span><span class="punctuation token">;</span> i <span class="operator token">&lt;</span> nombreFrames<span class="punctuation token">;</span> i<span class="operator token">++</span><span class="punctuation token">)</span> <span class="punctuation token">{</span>
-      <span class="comment token">// Math.random() donne une valeur comprise entre [0; 1.0]</span>
-      <span class="comment token">// l'audio doit être compris entre [-1.0; 1.0]</span>
-      tampon<span class="punctuation token">[</span>i<span class="punctuation token">]</span> <span class="operator token">=</span> Math<span class="punctuation token">.</span><span class="function token">random</span><span class="punctuation token">(</span><span class="punctuation token">)</span> <span class="operator token">*</span> <span class="number token">2</span> <span class="operator token">-</span> <span class="number token">1</span><span class="punctuation token">;</span>
-    <span class="punctuation token">}</span>
-  <span class="punctuation token">}</span>
+bouton.onclick = function() {
+  // remplit la mémoire tampon avec du bruit blanc
+  // valeurs aléatoires entre -1.0 et 1.0
+  for (var canal = 0; canal &lt; nombreCanaux; canal++) {
+    // génère le tableau contenant les données
+    var tampon = tableauDonnees.getChannelData(canal);
+    for (var i = 0; i &lt; nombreFrames; i++) {
+      // Math.random() donne une valeur comprise entre [0; 1.0]
+      // l'audio doit être compris entre [-1.0; 1.0]
+      tampon[i] = Math.random() * 2 - 1;
+    }
+  }
 
-  <span class="comment token">// Récupère un AudioBufferSourceNode.</span>
-  <span class="comment token">// C'est un AudioNode à utiliser quand on veut jouer AudioBuffer</span>
-  <span class="keyword token">var</span> source <span class="operator token">=</span> contexteAudio<span class="punctuation token">.</span><span class="function token">createBufferSource</span><span class="punctuation token">(</span><span class="punctuation token">)</span><span class="punctuation token">;</span>
+  // Récupère un AudioBufferSourceNode.
+  // C'est un AudioNode à utiliser quand on veut jouer AudioBuffer
+  var source = contexteAudio.createBufferSource();
 
-  <span class="comment token">// assigne le buffer au AudioBufferSourceNode</span>
-  source<span class="punctuation token">.</span>buffer <span class="operator token">=</span> tableauDonnees<span class="punctuation token">;</span>
+  // assigne le buffer au AudioBufferSourceNode
+  source.buffer = tableauDonnees;
 
-  <span class="comment token">// connecte le AudioBufferSourceNode avec</span>
-  <span class="comment token">// la destination pour qu'on puisse entendre le son</span>
-  source<span class="punctuation token">.</span><span class="function token">connect</span><span class="punctuation token">(</span>contexteAudio<span class="punctuation token">.</span>destination<span class="punctuation token">)</span><span class="punctuation token">;</span>
+  // connecte le AudioBufferSourceNode avec
+  // la destination pour qu'on puisse entendre le son
+  source.connect(contexteAudio.destination);
 
-  <span class="comment token">// lance la lecture du so</span>
-  source<span class="punctuation token">.</span><span class="function token">start</span><span class="punctuation token">(</span><span class="punctuation token">)</span><span class="punctuation token">;</span>
+  // lance la lecture du so
+  source.start();
 
-<span class="punctuation token">}</span></code></pre>
+}</pre>
 
 <h2 id="Spécifications">Spécifications</h2>
 
@@ -110,5 +110,5 @@ bouton<span class="punctuation token">.</span>onclick <span class="operator toke
 <h2 id="Voir_aussi">Voir aussi</h2>
 
 <ul>
- <li><a href="https://developer.mozilla.org/fr/docs/Web/API/Web_Audio_API/Using_Web_Audio_API">Utiliser la Web Audio API</a></li>
+ <li><a href="/fr/docs/Web/API/Web_Audio_API/Using_Web_Audio_API">Utiliser la Web Audio API</a></li>
 </ul>
diff --git a/files/fr/web/api/audiobuffer/length/index.html b/files/fr/web/api/audiobuffer/length/index.html
index ee33981adf..f61ff06e0d 100644
--- a/files/fr/web/api/audiobuffer/length/index.html
+++ b/files/fr/web/api/audiobuffer/length/index.html
@@ -11,7 +11,7 @@ translation_of: Web/API/AudioBuffer/length
 
 <h2 id="Syntaxe">Syntaxe</h2>
 
-<pre class="brush: js;highlight[22]">var tableauMemoireTampon = contexteAudio.createBuffer(nombreCanaux, nombreFrames, contexteAudio.sampleRate);
+<pre class="brush: js">var tableauMemoireTampon = contexteAudio.createBuffer(nombreCanaux, nombreFrames, contexteAudio.sampleRate);
 tableauMemoireTampon.length;
 </pre>
 
@@ -21,7 +21,7 @@ tableauMemoireTampon.length;
 
 <h2 id="Exemple">Exemple</h2>
 
-<pre class="brush: js;highlight[22]">// Stereo
+<pre class="brush: js">// Stereo
 var nombreCanaux = 2;
 
 // Crée une mémoire tampon vide de 2 secondes
diff --git a/files/fr/web/api/audiobuffer/numberofchannels/index.html b/files/fr/web/api/audiobuffer/numberofchannels/index.html
index 84898ecd94..470397e34d 100644
--- a/files/fr/web/api/audiobuffer/numberofchannels/index.html
+++ b/files/fr/web/api/audiobuffer/numberofchannels/index.html
@@ -11,7 +11,7 @@ translation_of: Web/API/AudioBuffer/numberOfChannels
 
 <h2 id="Syntaxe">Syntaxe</h2>
 
-<pre class="brush: js;highlight[22]">var tableauMemoireTampon = audioCtx.createBuffer(nombreCanaux, nombreFrames, contexteAudio.sampleRate);
+<pre class="brush: js">var tableauMemoireTampon = audioCtx.createBuffer(nombreCanaux, nombreFrames, contexteAudio.sampleRate);
 tableauMemoireTampon.numberOfChannels;
 </pre>
 
@@ -21,7 +21,7 @@ tableauMemoireTampon.numberOfChannels;
 
 <h2 id="Exemple">Exemple</h2>
 
-<pre class="brush: js;highlight[22]">// Stereo
+<pre class="brush: js">// Stereo
 var nombreCanaux = 2;
 
 // Crée une mémoire tampon vide de 2 secondes
diff --git a/files/fr/web/api/audiobuffer/samplerate/index.html b/files/fr/web/api/audiobuffer/samplerate/index.html
index ad1b23917a..79e2abb6d2 100644
--- a/files/fr/web/api/audiobuffer/samplerate/index.html
+++ b/files/fr/web/api/audiobuffer/samplerate/index.html
@@ -11,7 +11,7 @@ translation_of: Web/API/AudioBuffer/sampleRate
 
 <h2 id="Syntaxe">Syntaxe</h2>
 
-<pre class="brush: js;highlight[22]">var tableauMemoireTampon = audioCtx.createBuffer(nombreCanaux, nombreFrames, contexteAudio.sampleRate);
+<pre class="brush: js">var tableauMemoireTampon = audioCtx.createBuffer(nombreCanaux, nombreFrames, contexteAudio.sampleRate);
 tableauMemoireTampon.sampleRate;
 </pre>
 
@@ -21,7 +21,7 @@ tableauMemoireTampon.sampleRate;
 
 <h2 id="Exemple">Exemple</h2>
 
-<pre class="brush: js;highlight[22]">// Stereo
+<pre class="brush: js">// Stereo
 var nombreCanaux = 2;
 
 // Crée une mémoire tampon vide de 2 secondes