convert content to md

1 files changed, 60 insertions, 78 deletions

diff --git a/files/fr/web/svg/element/defs/index.md b/files/fr/web/svg/element/defs/index.md
index 6072fe6564..91f0b9ebe4 100644
--- a/files/fr/web/svg/element/defs/index.md
+++ b/files/fr/web/svg/element/defs/index.md
@@ -3,81 +3,63 @@ title: <defs>
 slug: Web/SVG/Element/defs
 translation_of: Web/SVG/Element/defs
 ---
-<div>{{SVGRef}}</div>
-
-<p>SVG permet de définir des objets graphiques (génériques) pour une utilisation ultérieure. Autant qu'il est possible, cet usage est recommandé grâce aux propriétés offertes par l'élément <code>defs</code>.<br>
- Ainsi définir ces éléments au sein de l'élément <code>defs</code> promeut une meilleure compréhension du contenu SVG par l'homme et donc son accessibilité.<br>
- <br>
- Les éléments définis grâce à <code>defs</code> ne sont jamais directement générés (<em>au sens du rendu graphique : ils ne sont pas affichés</em>). Vous devez utiliser l'élément {{SVGElement("use")}} pour leur-s utilisation-s lorsque vous le souhaitez au sein du <code>viewport</code>.</p>
-
-<h2 id="Contexte_d'usage">Contexte d'usage</h2>
-
-<p>{{svginfo}}</p>
-
-<h2 id="Exemple">Exemple</h2>
-
-<pre class="brush: xml">&lt;svg width="80px" height="30px" viewBox="0 0 80 30"
-     xmlns="http://www.w3.org/2000/svg"&gt;
-
-  &lt;defs&gt;
-    &lt;linearGradient id="Gradient01"&gt;
-      &lt;stop offset="20%" stop-color="#39F" /&gt;
-      &lt;stop offset="90%" stop-color="#F3F" /&gt;
-    &lt;/linearGradient&gt;
-  &lt;/defs&gt;
-
-  &lt;rect x="10" y="10" width="60" height="10"
-        fill="url(#Gradient01)"  /&gt;
-&lt;/svg&gt;
-</pre>
-
-<h2 id="Attributs">Attributs</h2>
-
-<h3 id="Attributs_globaux">Attributs globaux</h3>
-
-<ul>
- <li><a href="/fr/docs/Web/SVG/Attribute#ConditionalProccessing">Conditional processing attributes</a> »</li>
- <li><a href="/fr/docs/Web/SVG/Attribute#Core">Core attributes</a> »</li>
- <li><a href="/fr/docs/Web/SVG/Attribute#GraphicalEvent">Graphical event attributes</a> »</li>
- <li><a href="/fr/docs/Web/SVG/Attribute#Presentation">Presentation attributes</a> »</li>
- <li>{{SVGAttr("class")}}</li>
- <li>{{SVGAttr("style")}}</li>
- <li>{{SVGAttr("externalResourcesRequired")}}</li>
- <li>{{SVGAttr("transform")}}</li>
-</ul>
-
-<h3 id="Attributs_spécifiques">Attributs spécifiques</h3>
-
-<p><em>Il ne dispoe pas d'attributs spécifiques. </em></p>
-
-<h2 id="Interface_avec_DOM">Interface avec DOM</h2>
-
-<p>Cet élément est implémenté par l'interface <code><a href="/fr/docs/Web/API/SVGDefsElement">SVGDefsElement</a></code>.</p>
-
-<h2 id="Spécifications">Spécifications</h2>
-
-<table class="standard-table">
- <thead>
-  <tr>
-   <th scope="col">Spécification</th>
-   <th scope="col">Status</th>
-   <th scope="col">Commentaire</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <td>{{SpecName('SVG2', 'struct.html#Head', '&lt;defs&gt;')}}</td>
-   <td>{{Spec2('SVG2')}}</td>
-   <td> </td>
-  </tr>
-  <tr>
-   <td>{{SpecName('SVG1.1', 'struct.html#Head', '&lt;defs&gt;')}}</td>
-   <td>{{Spec2('SVG1.1')}}</td>
-   <td>Initial definition</td>
-  </tr>
- </tbody>
-</table>
-
-<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2>
-
-<p>{{Compat("svg.elements.defs")}}</p>
+{{SVGRef}}
+
+SVG permet de définir des objets graphiques (génériques) pour une utilisation ultérieure. Autant qu'il est possible, cet usage est recommandé grâce aux propriétés offertes par l'élément `defs`.
+Ainsi définir ces éléments au sein de l'élément `defs` promeut une meilleure compréhension du contenu SVG par l'homme et donc son accessibilité.
+
+Les éléments définis grâce à `defs` ne sont jamais directement générés (_au sens du rendu graphique : ils ne sont pas affichés_). Vous devez utiliser l'élément {{SVGElement("use")}} pour leur-s utilisation-s lorsque vous le souhaitez au sein du `viewport`.
+
+## Contexte d'usage
+
+{{svginfo}}
+
+## Exemple
+
+```xml
+<svg width="80px" height="30px" viewBox="0 0 80 30"
+     xmlns="http://www.w3.org/2000/svg">
+
+  <defs>
+    <linearGradient id="Gradient01">
+      <stop offset="20%" stop-color="#39F" />
+      <stop offset="90%" stop-color="#F3F" />
+    </linearGradient>
+  </defs>
+
+  <rect x="10" y="10" width="60" height="10"
+        fill="url(#Gradient01)"  />
+</svg>
+```
+
+## Attributs
+
+### Attributs globaux
+
+- [Conditional processing attributes](/fr/docs/Web/SVG/Attribute#ConditionalProccessing) »
+- [Core attributes](/fr/docs/Web/SVG/Attribute#Core) »
+- [Graphical event attributes](/fr/docs/Web/SVG/Attribute#GraphicalEvent) »
+- [Presentation attributes](/fr/docs/Web/SVG/Attribute#Presentation) »
+- {{SVGAttr("class")}}
+- {{SVGAttr("style")}}
+- {{SVGAttr("externalResourcesRequired")}}
+- {{SVGAttr("transform")}}
+
+### Attributs spécifiques
+
+_Il ne dispoe pas d'attributs spécifiques._
+
+## Interface avec DOM
+
+Cet élément est implémenté par l'interface [`SVGDefsElement`](/fr/docs/Web/API/SVGDefsElement).
+
+## Spécifications
+
+| Spécification                                                                | Status                   | Commentaire        |
+| ---------------------------------------------------------------------------- | ------------------------ | ------------------ |
+| {{SpecName('SVG2', 'struct.html#Head', '&lt;defs&gt;')}} | {{Spec2('SVG2')}} |                    |
+| {{SpecName('SVG1.1', 'struct.html#Head', '&lt;defs&gt;')}} | {{Spec2('SVG1.1')}} | Initial definition |
+
+## Compatibilité des navigateurs
+
+{{Compat("svg.elements.defs")}}