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

diff --git a/files/fr/web/api/baseaudiocontext/createbiquadfilter/index.html b/files/fr/web/api/baseaudiocontext/createbiquadfilter/index.html
index d7af5e1521..3d995409bb 100644
--- a/files/fr/web/api/baseaudiocontext/createbiquadfilter/index.html
+++ b/files/fr/web/api/baseaudiocontext/createbiquadfilter/index.html
@@ -21,11 +21,11 @@ translation_of: Web/API/BaseAudioContext/createBiquadFilter
 
 <pre class="syntaxbox">baseAudioContext.createBiquadFilter();</pre>
 
-<h3 id="Description" name="Description">Retourne</h3>
+<h3 id="Description">Retourne</h3>
 
 <p>un {{domxref("BiquadFilterNode")}}.</p>
 
-<h2 id="Example" name="Example">Exemple</h2>
+<h2 id="Example">Exemple</h2>
 
 <p>L'exemple suivant montre une utilisation basique d'un AudioContext pour créer un nœud de filtre Biquad. Pour un exemple fonctionnel complet, visitez notre démonstration <a href="https://mdn.github.io/voice-change-o-matic/">voice-change-o-matic</a> (et lisez de même le <a href="https://github.com/mdn/voice-change-o-matic">code source</a>).</p>
 
diff --git a/files/fr/web/api/baseaudiocontext/createbuffer/index.html b/files/fr/web/api/baseaudiocontext/createbuffer/index.html
index 420f1ed11f..55ca8f3ea5 100644
--- a/files/fr/web/api/baseaudiocontext/createbuffer/index.html
+++ b/files/fr/web/api/baseaudiocontext/createbuffer/index.html
@@ -35,7 +35,7 @@ translation_of: Web/API/BaseAudioContext/createBuffer
  <dt>nbDeCanaux</dt>
  <dd>Un nombre entier représentant le nombre de canaux que ce tampon doit avoir. Les implémentations doivent prendre en charge un minimum de 1 canal et un maximum de 32 canaux.</dd>
  <dt>longueur</dt>
- <dd><span id="result_box" lang="fr"><span class="alt-edited">Un entier représentant la taille du tampon dans les trames d'échantillons.</span></span></dd>
+ <dd>Un entier représentant la taille du tampon dans les trames d'échantillons.</dd>
  <dt>frequenceDEchantillonnage</dt>
  <dd>La fréquence d'échantillonnage des données audio linéaires en trames d'échantillons par seconde. Une implémentation doit supporter des fréquences d'échantillonnage comprises au minimum dans la plage 22050 et 96000.</dd>
 </dl>
@@ -64,7 +64,7 @@ var tampon = ctxAudio.createBuffer(1, 22050, 22050);</pre>
 
 <p>Examinons maintenant un exemple de <code>createBuffer()</code> plus complexe, dans lequel nous créons un tampon de deux secondes, le remplissons de bruit blanc, puis le reproduisons via {{domxref("AudioBufferSourceNode")}}. Le commentaire devrait clairement faire comprendre ce qui se passe. Vous pouvez également exécuter le code en direct ou regarder le source.</p>
 
-<pre class="brush: js;highlight[14]">var ctxAudio = new (window.AudioContext || window.webkitAudioContext)();
+<pre class="brush: js">var ctxAudio = new (window.AudioContext || window.webkitAudioContext)();
 
 // Création d'un tampon stéréo vide de trois secondes à la fréquence d'échantillonnage de l'AudioContext
 var monArrayBuffer = ctxAudio.createBuffer(2, ctxAudio.sampleRate * 3, ctxAudio.sampleRate);
diff --git a/files/fr/web/api/baseaudiocontext/createbuffersource/index.html b/files/fr/web/api/baseaudiocontext/createbuffersource/index.html
index 18d96da80c..9a9dfe08cf 100644
--- a/files/fr/web/api/baseaudiocontext/createbuffersource/index.html
+++ b/files/fr/web/api/baseaudiocontext/createbuffersource/index.html
@@ -5,7 +5,9 @@ translation_of: Web/API/BaseAudioContext/createBufferSource
 ---
 <p>{{ APIRef("Web Audio API") }}</p>
 
-<p><span class="seoSummary">La méthode <code>createBufferSource()</code> de l’interface {{ domxref("BaseAudioContext") }} est utilisée pour créer un nouveau {{ domxref("AudioBufferSourceNode") }}, qui peut être employé pour jouer des données audio contenues dans un objet {{ domxref("AudioBuffer") }}.</span> Des {{ domxref("AudioBuffer") }} peuvent être créés en utilisant {{domxref("BaseAudioContext.createBuffer")}}, ou sont retournés par la méthode {{domxref("BaseAudioContext.decodeAudioData")}} quand elle a terminé de décoder une piste audio avec succès.</p>
+<p>La méthode <code>createBufferSource()</code> de l’interface {{ domxref("BaseAudioContext") }} est utilisée pour créer un nouveau {{ domxref("AudioBufferSourceNode") }}, qui peut être employé pour jouer des données audio contenues dans un objet {{ domxref("AudioBuffer") }}.</p>
+
+<p>Des {{ domxref("AudioBuffer") }} peuvent être créés en utilisant {{domxref("BaseAudioContext.createBuffer")}}, ou sont retournés par la méthode {{domxref("BaseAudioContext.decodeAudioData")}} quand elle a terminé de décoder une piste audio avec succès.</p>
 
 <h2 id="Syntaxe">Syntaxe</h2>
 
@@ -20,10 +22,10 @@ translation_of: Web/API/BaseAudioContext/createBufferSource
 <p>Dans cet exemple, on crée un tampon de deux secondes, on le remplit avec du bruit blanc, puis on le joue via un {{ domxref("AudioBufferSourceNode") }}. Les commentaires devraient expliquer clairement ce qui se passe.</p>
 
 <div class="note">
-<p><strong>Note :</strong> Vous pouvez également <a href="https://mdn.github.io/webaudio-examples/audio-buffer/" lang="en-US">exécuter le code en direct</a>, ou <a href="https://github.com/mdn/webaudio-examples/blob/master/audio-buffer/index.html" lang="en-US">voir la source</a>.</p>
+<p><strong>Note :</strong> Vous pouvez également <a href="https://mdn.github.io/webaudio-examples/audio-buffer/">exécuter le code en direct</a>, ou <a href="https://github.com/mdn/webaudio-examples/blob/master/audio-buffer/index.html">voir la source</a>.</p>
 </div>
 
-<pre class="brush: js;highlight[31]">var audioCtx = new (window.AudioContext || window.webkitAudioContext)();
+<pre class="brush: js">var audioCtx = new (window.AudioContext || window.webkitAudioContext)();
 var button = document.querySelector('button');
 var pre = document.querySelector('pre');
 var myScript = document.querySelector('script');
@@ -87,5 +89,5 @@ button.onclick = function() {
 <h2 id="Voir_aussi">Voir aussi</h2>
 
 <ul>
- <li><a href="/fr/docs/Web/API/Web_Audio_API/Using_Web_Audio_API" lang="fr">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/baseaudiocontext/creategain/index.html b/files/fr/web/api/baseaudiocontext/creategain/index.html
index e400ee7198..90039ecc31 100644
--- a/files/fr/web/api/baseaudiocontext/creategain/index.html
+++ b/files/fr/web/api/baseaudiocontext/creategain/index.html
@@ -25,11 +25,11 @@ original_slug: Web/API/AudioContext/createGain
 <pre class="brush: js">var contexteAudio = new AudioContext();
 var gainNode = contexteAudio.createGain();</pre>
 
-<h3 id="Description" name="Description">Retourne</h3>
+<h3 id="Description">Retourne</h3>
 
-<p>Un {{domxref("GainNode")}} qui prend en entrée une ou plusieurs sources audio et en sortie un son dont le volume a été ajusté à un niveau indiqué par le paramètre de type <a href="https://developer.mozilla.org/en-US/docs/Web/API/AudioParam#a-rate">a-rate</a> {{domxref("GainNode.gain")}}.</p>
+<p>Un {{domxref("GainNode")}} qui prend en entrée une ou plusieurs sources audio et en sortie un son dont le volume a été ajusté à un niveau indiqué par le paramètre de type <a href="/en-US/docs/Web/API/AudioParam#a-rate">a-rate</a> {{domxref("GainNode.gain")}}.</p>
 
-<h2 id="Example" name="Example">Exemple</h2>
+<h2 id="Example">Exemple</h2>
 
 <p>L'exemple suivant montre l'utilisation d'un {{domxref("AudioContext")}} pour créer un {{ domxref("GainNode") }}, qui sert à activer et désactiver le son au clic d'un bouton, en changeant la valeur de la propriété gain.<br>
  <br>
diff --git a/files/fr/web/api/baseaudiocontext/createpanner/index.html b/files/fr/web/api/baseaudiocontext/createpanner/index.html
index 9630c4af5f..2c11e2a02e 100644
--- a/files/fr/web/api/baseaudiocontext/createpanner/index.html
+++ b/files/fr/web/api/baseaudiocontext/createpanner/index.html
@@ -120,7 +120,7 @@ function positionPanner() {
 }</pre>
 
 <div class="note">
-<p><strong>Note</strong>: In terms of working out what position values to apply to the listener and panner, to make the sound appropriate to what the visuals are doing on screen, there is quite a bit of math involved, but you will soon get used to it with a bit of experimentation.</p>
+<p><strong>Note :</strong> In terms of working out what position values to apply to the listener and panner, to make the sound appropriate to what the visuals are doing on screen, there is quite a bit of math involved, but you will soon get used to it with a bit of experimentation.</p>
 </div>
 
 <h2 id="Spécifications">Spécifications</h2>
diff --git a/files/fr/web/api/baseaudiocontext/createperiodicwave/index.html b/files/fr/web/api/baseaudiocontext/createperiodicwave/index.html
index 94622f3a32..5678fadb26 100644
--- a/files/fr/web/api/baseaudiocontext/createperiodicwave/index.html
+++ b/files/fr/web/api/baseaudiocontext/createperiodicwave/index.html
@@ -14,9 +14,7 @@ translation_of: Web/API/BaseAudioContext/createPeriodicWave
 ---
 <p>{{ APIRef("Web Audio API") }}</p>
 
-<div>
-<p><span class="seoSummary">La méthode <code>createPeriodicWave()</code> de l'interface {{ domxref("BaseAudioContext") }} est utilisée pour créer une {{domxref("PeriodicWave")}} (onde périodique), qui sert à définir une onde sinusoïdale périodique qui peut être utilisée pour modeler la sortie d'un {{ domxref("OscillatorNode") }}.</span></p>
-</div>
+<p>La méthode <code>createPeriodicWave()</code> de l'interface {{ domxref("BaseAudioContext") }} est utilisée pour créer une {{domxref("PeriodicWave")}} (onde périodique), qui sert à définir une onde sinusoïdale périodique qui peut être utilisée pour modeler la sortie d'un {{ domxref("OscillatorNode") }}.</p>
 
 <h2 id="Syntaxe">Syntaxe</h2>
 
@@ -42,7 +40,7 @@ translation_of: Web/API/BaseAudioContext/createPeriodicWave
 </dl>
 
 <div class="note">
-<p>Si normalisée, l'onde résultante aura une valeur absolue de sommet égale à 1.</p>
+<p><strong>Note :</strong> Si normalisée, l'onde résultante aura une valeur absolue de sommet égale à 1.</p>
 </div>
 
 <h2 id="Exemple">Exemple</h2>
diff --git a/files/fr/web/api/baseaudiocontext/index.html b/files/fr/web/api/baseaudiocontext/index.html
index 4d1fe561b4..af570e1037 100644
--- a/files/fr/web/api/baseaudiocontext/index.html
+++ b/files/fr/web/api/baseaudiocontext/index.html
@@ -13,7 +13,7 @@ translation_of: Web/API/BaseAudioContext
 ---
 <div>{{APIRef("Web Audio API")}}</div>
 
-<p class="summary"><span class="seoSummary">L'interface <code>BaseAudioContext</code> agit comme une définition de base pour les graphiques de traitement audio en ligne et hors ligne, comme représenté par {{domxref("AudioContext")}} et {{domxref("OfflineAudioContext")}} respectivement.</span> Vous n'utiliseriez pas <code>BaseAudioContext</code> directement — vous utiliseriez ses fonctionnalités via l'une de ces deux interfaces héréditaires.</p>
+<p>L'interface <code>BaseAudioContext</code> agit comme une définition de base pour les graphiques de traitement audio en ligne et hors ligne, comme représenté par {{domxref("AudioContext")}} et {{domxref("OfflineAudioContext")}} respectivement. Vous n'utiliseriez pas <code>BaseAudioContext</code> directement — vous utiliseriez ses fonctionnalités via l'une de ces deux interfaces héréditaires.</p>
 
 <p>Un <code>BaseAudioContext</code> peut être une cible d'événements, il implémente donc l'interface {{domxref("EventTarget")}}.</p>
 
@@ -31,7 +31,7 @@ translation_of: Web/API/BaseAudioContext
  <dt>{{domxref("BaseAudioContext.listener")}} {{readonlyInline}}</dt>
  <dd>Renvoie l'objet {{domxref("AudioListener")}}, utilisé pour la spatialisation 3D.</dd>
  <dt>{{domxref("BaseAudioContext.sampleRate")}} {{readonlyInline}}</dt>
- <dd>Renvoie un float représentant la fréquence d'échantillonnage (en échantillons par seconde) utilisée par tous les <span class="tlid-translation translation" lang="fr"><span title="">nœuds dans ce contexte.</span></span> La fréquence d'échantillonnage d'un {{domxref("AudioContext")}} ne peut pas être modifiée.</dd>
+ <dd>Renvoie un float représentant la fréquence d'échantillonnage (en échantillons par seconde) utilisée par tous les nœuds dans ce contexte. La fréquence d'échantillonnage d'un {{domxref("AudioContext")}} ne peut pas être modifiée.</dd>
  <dt>{{domxref("BaseAudioContext.state")}} {{readonlyInline}}</dt>
  <dd>Renvoie l'état actuel de l'<code>AudioContext</code>.</dd>
 </dl>
@@ -94,11 +94,11 @@ translation_of: Web/API/BaseAudioContext
 
 <p>Déclaration de context audio de base:</p>
 
-<pre class="brush: js notranslate">var audioCtx = new AudioContext();</pre>
+<pre class="brush: js">var audioCtx = new AudioContext();</pre>
 
 <p>Variante de nagivateur croisé:</p>
 
-<pre class="brush: js notranslate">var AudioContext = window.AudioContext || window.webkitAudioContext;
+<pre class="brush: js">var AudioContext = window.AudioContext || window.webkitAudioContext;
 var audioCtx = new AudioContext();
 
 var oscillatorNode = audioCtx.createOscillator();
@@ -129,7 +129,7 @@ var finish = audioCtx.destination;
 
 <h2 id="Voir_aussi">Voir aussi</h2>
 
-<ul style="margin-left: 40px;">
+<ul>
  <li><a href="/en-US/docs/Web_Audio_API/Using_Web_Audio_API">Utilisation de l'API Web Audio</a></li>
  <li>{{domxref("AudioContext")}}</li>
  <li>{{domxref("OfflineAudioContext")}}</li>