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, 16 insertions, 14 deletions

diff --git a/files/fr/web/api/pointer_events/index.html b/files/fr/web/api/pointer_events/index.html
index b8f5de1c8b..0e26e4cbda 100644
--- a/files/fr/web/api/pointer_events/index.html
+++ b/files/fr/web/api/pointer_events/index.html
@@ -23,16 +23,16 @@ translation_of: Web/API/Pointer_events
 <dl>
  <dt>pointeur actif</dt>
  <dd>Tout périphérique d'entrée <em><a href="#term_pointer">pointeur</a></em> pouvant produire des événements. Un pointeur est considéré actif s'il peut encore produire des événements. Par exemple, un stylet posé sur l'écran est considéré comme actif puisqu'il peut produire des événements en étant déplacé ou levé.</dd>
- <dt id="term_digitizer">numériseur (digitizer)</dt>
+ <dt>numériseur (digitizer)</dt>
  <dd>Un dispositif avec une surface pouvant recevoir et détecter le contact. Le plus souvent, le dispositif est un écran tactile pouvant détecter l'entrée provenant du stylet ou du doigt.</dd>
- <dt id="term_hit_test">hit test</dt>
+ <dt>hit test</dt>
  <dd>Le procédé qu'utilise le navigateur pour détermine l'élément cible de l'événement pointeur. Typiquement, il est déterminé en utilisant l'emplacement du pointeur et la disposition visuelle des éléments dans un document d'un media écran.</dd>
- <dt id="term_pointer">pointeur</dt>
+ <dt>pointeur</dt>
  <dd>Une représentation agnostique du périphérique en entrée pouvant cibler des coordonnées sur un écran. Des exemples d'appareils de <em>pointeur</em> sont la souris, le stylet et la contact tactile.</dd>
  <dt>capture du pointeur</dt>
  <dd>La capture du pointeur permet aux événements d'être redirigé vers un élément particulier autre que le résultat du hit test.</dd>
- <dt id="term_pointer_event">événement de pointeur</dt>
- <dd>Un {{domxref("PointerEvent","événement")}} DOM déclenché pour un <em><a href="#term_pointer">pointeur</a></em>.</dd>
+ <dt>événement de pointeur</dt>
+ <dd>Un {{domxref("PointerEvent","événement")}} DOM déclenché pour un <em>pointeur</em>.</dd>
 </dl>
 
 <h2 id="Interfaces">Interfaces</h2>
@@ -141,7 +141,7 @@ translation_of: Web/API/Pointer_events
 
 <p>This example registers a handler for every event type for the given element.</p>
 
-<pre class="brush: js notranslate">&lt;html&gt;
+<pre class="brush: js">&lt;html&gt;
 &lt;script&gt;
 function over_handler(event) { }
 function enter_handler(event) { }
@@ -179,7 +179,7 @@ function init() {
 
 <p>This example illustrates accessing all of a touch event's properties.</p>
 
-<pre class="brush: js notranslate">&lt;html&gt;
+<pre class="brush: js">&lt;html&gt;
 &lt;script&gt;
 var id = -1;
 
@@ -310,7 +310,7 @@ function init() {
 
 <p>The following example shows pointer capture being set on an element.</p>
 
-<pre class="brush: js notranslate">&lt;html&gt;
+<pre class="brush: js">&lt;html&gt;
 &lt;script&gt;
 function downHandler(ev) {
  var el=document.getElementById("target");
@@ -330,7 +330,7 @@ function init() {
 
 <p>The following example shows a pointer capture being released (when a {{event("pointercancel")}} event occurs. The browser does this automatically when a {{event("pointerup")}} or {{event("pointercancel")}} event occurs.</p>
 
-<pre class="brush: js notranslate">&lt;html&gt;
+<pre class="brush: js">&lt;html&gt;
 &lt;script&gt;
 function downHandler(ev) {
  var el=document.getElementById("target");
@@ -363,7 +363,7 @@ function init() {
 
 <p>In the following example, the browser's default touch behavior is disabled for the <code>div</code> element.</p>
 
-<pre class="brush: html notranslate">&lt;html&gt;
+<pre class="brush: html">&lt;html&gt;
 &lt;body&gt;
  &lt;div style="touch-action:none;"&gt;Can't touch this ... &lt;/div&gt;
 &lt;/body&gt;
@@ -372,14 +372,14 @@ function init() {
 
 <p>In the following example, default touch behavior is disabled for some <code>button</code> elements.</p>
 
-<pre class="brush: css notranslate">button#tiny {
+<pre class="brush: css">button#tiny {
   touch-action: none;
 }
 </pre>
 
 <p>In the following example, when the <code>target</code> element is touched, it will only pan in the horizontal direction.</p>
 
-<pre class="brush: css notranslate">#target {
+<pre class="brush: css">#target {
   touch-action: pan-x;
 }
 </pre>
diff --git a/files/fr/web/api/pointer_events/pinch_zoom_gestures/index.html b/files/fr/web/api/pointer_events/pinch_zoom_gestures/index.html
index deccfa13ca..70a6466883 100644
--- a/files/fr/web/api/pointer_events/pinch_zoom_gestures/index.html
+++ b/files/fr/web/api/pointer_events/pinch_zoom_gestures/index.html
@@ -15,7 +15,7 @@ original_slug: Web/API/Pointer_events/gestes_pincer_zoom
 <p>Cet exemple montre comment détecter les gestes de <em>pinch/zoom</em> (pincer/zoomer), en utilisant les {{domxref("Pointer_events","événements de pointeur")}} pour détecter si l'utilisateur bouge deux pointeurs plus proches ou plus loin l'un de l'autre. </p>
 
 <div class="note">
-<p><strong>Note</strong>: Une version <em>en direct</em> de cette application est disponible sur <a href="https://mdn.github.io/dom-examples/pointerevents/Pinch_zoom_gestures.html">Github</a>. Le <a href="https://github.com/mdn/dom-examples/blob/master/pointerevents/Pinch_zoom_gestures.html">code source est également disponible sur Github</a>; les pull requests et <a href="https://github.com/mdn/dom-examples/issues">bug reports</a> sont les bienvenus.</p>
+<p><strong>Note :</strong> Une version <em>en direct</em> de cette application est disponible sur <a href="https://mdn.github.io/dom-examples/pointerevents/Pinch_zoom_gestures.html">Github</a>. Le <a href="https://github.com/mdn/dom-examples/blob/master/pointerevents/Pinch_zoom_gestures.html">code source est également disponible sur Github</a>; les pull requests et <a href="https://github.com/mdn/dom-examples/issues">bug reports</a> sont les bienvenus.</p>
 </div>
 
 <h2 id="Exemple">Exemple</h2>
@@ -151,7 +151,9 @@ var prevDiff = -1;
 
 <p>Cette application utilise un élément {{HTMLElement("div")}} comme zone de toucher et fournit des boutons pour activer et nettoyer les logs.</p>
 
-<p class="note">Pour empêcher que le comportement par défaut du navigateur au toucher surcharge le gestionnaire de l'application, la propriété {{cssxref("touch-action")}} est appliquée à l'élément {{HTMLElement("body")}}.</p>
+<div class="note">
+  <p><strong>Note :</strong> Pour empêcher que le comportement par défaut du navigateur au toucher surcharge le gestionnaire de l'application, la propriété {{cssxref("touch-action")}} est appliquée à l'élément {{HTMLElement("body")}}.</p>
+</div>
 
 <pre class="brush: html">&lt;body onload="init();" style="touch-action:none"&gt;
  &lt;div id="target"&gt;Touchez l'écran avec deux pointeurs, puis pincez ou étirez.&lt;br/&gt;