initial commit

1 files changed, 58 insertions, 0 deletions

diff --git a/files/fr/web/html/element/dir/index.html b/files/fr/web/html/element/dir/index.html
new file mode 100644
index 0000000000..4b62a33fbf
--- /dev/null
+++ b/files/fr/web/html/element/dir/index.html
@@ -0,0 +1,58 @@
+---
+title: '<dir> : l''élément de répertoire (obsolète)'
+slug: Web/HTML/Element/dir
+tags:
+  - Element
+  - HTML
+  - Obsolete
+  - Reference
+  - Web
+translation_of: Web/HTML/Element/dir
+---
+<div>{{Obsolete_header}}{{HTMLRef}}</div>
+
+<p>L'élément HTML <strong><code>&lt;dir&gt;</code></strong> (pour <em>directory</em>) est utilisé comme un conteneur pour un répertoire (c'est-à-dire un ensemble de fichiers). Des styles et icônes peuvent être appliqués par l'agent utilisateur. Cet élément obsolète ne doit pas être utilisé, il peut être remplacé par l'élément {{HTMLElement("ul")}} qui permet de représenter des listes et, entre autres, des listes de fichiers.</p>
+
+<div class="note"><strong>Note d'utilisation : </strong>Cet élément ne doit pas être utilisé. Bien que présent dans les premières spécifications HTML, il a été déprécié dans HTML 4, et rendu obsolète avec HTML5. Il faudra privilégier l'élément {{HTMLElement("ul")}}. De plus, aucun navigateur majeur ne prend en charge cet élément.</div>
+
+<h2 id="Interface_DOM">Interface DOM</h2>
+
+<p>Cet élément implémente l'interface {{domxref("HTMLDirectoryElement")}}.</p>
+
+<h2 id="Attributs">Attributs</h2>
+
+<p>Comme pour tous les autres éléments HTML, on peut utiliser <a href="/fr/docs/Web/HTML/Attributs_universels">les attributs universels</a> sur cet élément.</p>
+
+<dl>
+ <dt>{{htmlattrdef("compact")}}</dt>
+ <dd>Cet attribut booléen indique que la liste doit être rendue avec un affichage compact. L'interprétation de cet attribut dépend de l'agent utilisateur. Il ne fonctionne pas dans tous les navigateurs.
+ <div class="note"><strong>Note d'utilisation : </strong>Cet attribut ne doit pas être utilisé car il a été déprécié. L'élément {{HTMLElement("dir")}} doit être mis en forme en utilisant <a href="/fr/docs/Web/CSS">CSS</a>. Pour obtenir un effect visuel similaire à l'attribut <code>compact</code>, la propriété CSS {{cssxref("line-height")}} peut être utilisé avec la valeur <code>80%</code>.</div>
+ </dd>
+</dl>
+
+<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>
+
+<div class="hidden">Ce tableau de compatibilité a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à envoyer une <em>pull request</em> sur <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a>.</div>
+
+<p>{{Compat("html.elements.dir")}}</p>
+
+<h2 id="Voir_aussi">Voir aussi</h2>
+
+<ul>
+ <li>Les autres éléments HTML utilisés pour les listes :
+  <ul>
+   <li>{{HTMLElement("ol")}}</li>
+   <li>{{HTMLElement("ul")}}</li>
+   <li>{{HTMLElement("li")}}</li>
+   <li>{{HTMLElement("menu")}}</li>
+  </ul>
+ </li>
+ <li>Les propriétés CSS qui peuvent être utilisées pour mettre en forme l'élément <code>&lt;dir&gt;</code> :
+  <ul>
+   <li>La propriété {{cssxref('list-style')}} est utile pour choisir l'apparence des puces.</li>
+   <li><a href="/fr/docs/Web/CSS/Compteurs_CSS">Les compteurs CSS</a> sont utiles pour gérer des listes imbriquées complexes.</li>
+   <li>La propriété {{cssxref('line-height')}} est utile pour reproduire l'attribut déprécié {{htmlattrxref("compact", "dir")}}.</li>
+   <li>La propriété {{cssxref('margin')}} est utile pour contrôler l'indentation de la liste.</li>
+  </ul>
+ </li>
+</ul>