3 files changed, 53 insertions, 94 deletions
diff --git a/files/fr/web/api/htmlcontentelement/getdistributednodes/index.md b/files/fr/web/api/htmlcontentelement/getdistributednodes/index.md
index 282b4a2933..c34b0e1a69 100644
--- a/files/fr/web/api/htmlcontentelement/getdistributednodes/index.md
+++ b/files/fr/web/api/htmlcontentelement/getdistributednodes/index.md
@@ -8,43 +8,31 @@ tags:
   - Web Components
 translation_of: Web/API/HTMLContentElement/getDistributedNodes
 ---
-<p>{{ APIRef("Web Components") }}</p>
+{{ APIRef("Web Components") }}
 
-<p>La méthode <code><strong>HTMLContentElement.getDistributedNodes()</strong></code> retourne un {{domxref("NodeList")}} statique du {{glossary("distributed nodes")}} associé avec l'élément <code>&lt;content&gt;</code>.</p>
+La méthode **`HTMLContentElement.getDistributedNodes()`** retourne un {{domxref("NodeList")}} statique du {{glossary("distributed nodes")}} associé avec l'élément `<content>`.
 
-<h2 id="Syntaxe">Syntaxe</h2>
+## Syntaxe
 
-<pre class="syntaxbox">var <em>nodeList</em> = <em>object</em>.getDistributedNodes()
-</pre>
+    var nodeList = object.getDistributedNodes()
 
-<h2 id="Specifications">Exemple</h2>
+## Exemple
 
-<pre class="brush: js">// Récupère les éléments
-var nodes = myContentObject.getDistributedNodes();</pre>
+```js
+// Récupère les éléments
+var nodes = myContentObject.getDistributedNodes();
+```
 
-<h2 id="Specifications">Spécifications</h2>
+## Spécifications
 
-<table class="standard-table">
- <tbody>
-  <tr>
-   <th scope="col">Spécification</th>
-   <th scope="col">Status</th>
-   <th scope="col">Commentaire</th>
-  </tr>
-  <tr>
-   <td>{{SpecName('Shadow DOM', '#the-content-element', 'content')}}</td>
-   <td>{{Spec2('Shadow DOM')}}</td>
-   <td> </td>
-  </tr>
- </tbody>
-</table>
+| Spécification                                                                    | Status                           | Commentaire |
+| -------------------------------------------------------------------------------- | -------------------------------- | ----------- |
+| {{SpecName('Shadow DOM', '#the-content-element', 'content')}} | {{Spec2('Shadow DOM')}} |             |
 
-<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2>
+## Compatibilité des navigateurs
 
-<p>{{Compat("api.HTMLContentElement.getDistributedNodes")}}</p>
+{{Compat("api.HTMLContentElement.getDistributedNodes")}}
 
-<h2 id="See_also">Voir aussi</h2>
+## Voir aussi
 
-<ul>
-  <li><a href="/fr/docs/Web/API/HTMLContentElement">HTMLContentElement</a></li>
-</ul>
+- [HTMLContentElement](/fr/docs/Web/API/HTMLContentElement)
diff --git a/files/fr/web/api/htmlcontentelement/index.md b/files/fr/web/api/htmlcontentelement/index.md
index 9746995c4a..51df4a127b 100644
--- a/files/fr/web/api/htmlcontentelement/index.md
+++ b/files/fr/web/api/htmlcontentelement/index.md
@@ -9,52 +9,35 @@ tags:
   - Web Components
 translation_of: Web/API/HTMLContentElement
 ---
-<p>{{ APIRef("Web Components") }}</p>
+{{ APIRef("Web Components") }}
 
-<p>L'interface <code><strong>HTMLContentElement</strong></code> represente un élément HTML {{HTMLElement("content")}}, utilisé dans le <a href="/en-US/docs/Web/Web_Components/Shadow_DOM">Shadow DOM</a>. </p>
+L'interface **`HTMLContentElement`** represente un élément HTML {{HTMLElement("content")}}, utilisé dans le [Shadow DOM](/en-US/docs/Web/Web_Components/Shadow_DOM).
 
-<h2 id="Properties">Propriétés</h2>
+## Propriétés
 
-<p><em>Cette interface hérite des propriétés de {{domxref("HTMLElement")}}.</em></p>
+_Cette interface hérite des propriétés de {{domxref("HTMLElement")}}._
 
-<dl>
- <dt>{{domxref("HTMLContentElement.select")}}</dt>
- <dd>Une {{domxref("DOMString")}} qui renvoie le {{ htmlattrxref("select", "content") }} d'un attribut HTML. La valeur de retour est une liste de sélecteurs CSS séparés par des virgules. Ils récupèrent le contenu à inserer à la place de l'élément <code>&lt;content&gt;</code>.</dd>
-</dl>
+- {{domxref("HTMLContentElement.select")}}
+  - : Une {{domxref("DOMString")}} qui renvoie le {{ htmlattrxref("select", "content") }} d'un attribut HTML. La valeur de retour est une liste de sélecteurs CSS séparés par des virgules. Ils récupèrent le contenu à inserer à la place de l'élément `<content>`.
 
-<h2 id="Méthodes">Méthodes</h2>
+## Méthodes
 
-<p><em>Cette interface hérite des methodes de {{domxref("HTMLElement")}}.</em></p>
+_Cette interface hérite des methodes de {{domxref("HTMLElement")}}._
 
-<dl>
- <dt>{{domxref("HTMLContentElement.getDistributedNodes()")}}</dt>
- <dd>Retourne un {{domxref("NodeList")}} statique du {{glossary("distributed nodes")}} associé avec l'élément <code>&lt;content&gt;</code>. </dd>
-</dl>
+- {{domxref("HTMLContentElement.getDistributedNodes()")}}
+  - : Retourne un {{domxref("NodeList")}} statique du {{glossary("distributed nodes")}} associé avec l'élément `<content>`.
 
-<h2 id="Spécifications">Spécifications</h2>
+## Spécifications
 
-<table class="standard-table">
- <tbody>
-  <tr>
-   <th scope="col">Spécification</th>
-   <th scope="col">Statut</th>
-   <th scope="col">Commentaire</th>
-  </tr>
-  <tr>
-   <td>{{SpecName('Shadow DOM', '#the-content-element', 'content')}}</td>
-   <td>{{Spec2('Shadow DOM')}}</td>
-   <td> </td>
-  </tr>
- </tbody>
-</table>
+| Spécification                                                                    | Statut                           | Commentaire |
+| -------------------------------------------------------------------------------- | -------------------------------- | ----------- |
+| {{SpecName('Shadow DOM', '#the-content-element', 'content')}} | {{Spec2('Shadow DOM')}} |             |
 
-<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>
+## Compatibilité des navigateurs
 
-<p>{{Compat("api.HTMLContentElement")}}</p>
+{{Compat("api.HTMLContentElement")}}
 
-<h2 id="See_also">Voir aussi</h2>
+## Voir aussi
 
-<ul>
- <li>L'élement HTML {{HTMLElement("content")}}, qui implémente cette interface.</li>
- <li><a href="/en-US/docs/Web/Web_Components/Shadow_DOM">Shadow DOM</a></li>
-</ul>
+- L'élement HTML {{HTMLElement("content")}}, qui implémente cette interface.
+- [Shadow DOM](/en-US/docs/Web/Web_Components/Shadow_DOM)
diff --git a/files/fr/web/api/htmlcontentelement/select/index.md b/files/fr/web/api/htmlcontentelement/select/index.md
index f5b8eda778..c639c24316 100644
--- a/files/fr/web/api/htmlcontentelement/select/index.md
+++ b/files/fr/web/api/htmlcontentelement/select/index.md
@@ -9,43 +9,31 @@ tags:
   - Web Components
 translation_of: Web/API/HTMLContentElement/select
 ---
-<p>{{ APIRef("Web Components") }}</p>
+{{ APIRef("Web Components") }}
 
-<p>La propriété <code><strong>HTMLContentElement.select</strong></code> represente l'attribut <code>select</code>. La valeur de retour est une liste de sélecteurs CSS séparés par des espaces. Ils récupèrent le contenu à inserer à la place de l'élément <code>&lt;content&gt;</code>.</p>
+La propriété **`HTMLContentElement.select`** represente l'attribut `select`. La valeur de retour est une liste de sélecteurs CSS séparés par des espaces. Ils récupèrent le contenu à inserer à la place de l'élément `<content>`.
 
-<h2 id="Syntaxe">Syntaxe</h2>
+## Syntaxe
 
-<pre class="syntaxbox"><em>object</em>.select = "<em>CSSselector</em> <em>CSSselector</em> ...";
-</pre>
+    object.select = "CSSselector CSSselector ...";
 
-<h2 id="Specifications">Exemple</h2>
+## Exemple
 
-<pre class="brush: js">// Choisi les éléments &lt;h1&gt; et les elements avec la class "error"
-myContentObject.select = "h1 .error";</pre>
+```js
+// Choisi les éléments <h1> et les elements avec la class "error"
+myContentObject.select = "h1 .error";
+```
 
-<h2 id="Specifications">Spécifications</h2>
+## Spécifications
 
-<table class="standard-table">
- <tbody>
-  <tr>
-   <th scope="col">Specification</th>
-   <th scope="col">Status</th>
-   <th scope="col">Comment</th>
-  </tr>
-  <tr>
-   <td>{{SpecName('Shadow DOM', '#the-content-element', 'content')}}</td>
-   <td>{{Spec2('Shadow DOM')}}</td>
-   <td> </td>
-  </tr>
- </tbody>
-</table>
+| Specification                                                                    | Status                           | Comment |
+| -------------------------------------------------------------------------------- | -------------------------------- | ------- |
+| {{SpecName('Shadow DOM', '#the-content-element', 'content')}} | {{Spec2('Shadow DOM')}} |         |
 
-<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2>
+## Compatibilité des navigateurs
 
-<p>{{Compat("api.HTMLContentElement.getDistributedNodes")}}</p>
+{{Compat("api.HTMLContentElement.getDistributedNodes")}}
 
-<h2 id="See_also">Voir aussi</h2>
+## Voir aussi
 
-<ul>
-  <li><a href="/fr/docs/Web/API/HTMLContentElement">HTMLContentElement</a></li>
-</ul>
+- [HTMLContentElement](/fr/docs/Web/API/HTMLContentElement)