diff options
Diffstat (limited to 'files/fr/web/html/element/dir/index.html')
| -rw-r--r-- | files/fr/web/html/element/dir/index.html | 77 |
1 files changed, 44 insertions, 33 deletions
diff --git a/files/fr/web/html/element/dir/index.html b/files/fr/web/html/element/dir/index.html index 4b62a33fbf..6c1dc7e17d 100644 --- a/files/fr/web/html/element/dir/index.html +++ b/files/fr/web/html/element/dir/index.html @@ -1,58 +1,69 @@ --- -title: '<dir> : l''élément de répertoire (obsolète)' +title: '<dir> : l''élément de répertoire' slug: Web/HTML/Element/dir tags: + - Directory - Element - HTML - - Obsolete + - HTML Lists + - Deprecated - Reference - Web + - dir + - lists translation_of: Web/HTML/Element/dir +browser-compat: html.elements.dir --- -<div>{{Obsolete_header}}{{HTMLRef}}</div> +<div>{{HTMLRef}}</div> -<p>L'élément HTML <strong><code><dir></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="notecard obsolete"> + <p><b>Obsolète :</b></p> + <p>Cette fonctionnalité est obsolète. Bien qu'encore supportée par des navigateurs, son utilisation est découragée pour tout nouveau projet. Évitez de l'utiliser.</p> +</div> -<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> +<p class='summary'>L'élément HTML <strong><code><dir></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 <a href="/fr/docs/Web/HTML/Element/ul"><code><ul></code></a> qui permet de représenter des listes et, entre autres, des listes de fichiers.</p> -<h2 id="Interface_DOM">Interface DOM</h2> +<div class="notecard note"> + <p><b>Note d'utilisation :</b></p> + <p>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 <a href="/fr/docs/Web/HTML/Element/ul"><code><ul></code></a>. De plus, aucun navigateur majeur ne prend en charge cet élément.</p> +</div> -<p>Cet élément implémente l'interface {{domxref("HTMLDirectoryElement")}}.</p> +<h2 id="dom_interface">Interface DOM</h2> -<h2 id="Attributs">Attributs</h2> +<p>Cet élément implémente l'interface <a href="/fr/docs/Web/API/HTMLDirectoryElement"><code>HTMLDirectoryElement</code></a>.</p> -<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> +<h2 id="attributes">Attributs</h2> + +<p>Comme pour tous les autres éléments HTML, on peut utiliser <a href="/fr/docs/Web/HTML/Global_attributes">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> + <dt><code id="attr-compact">compact</code></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="notecard note"> + <p><b>Note d'utilisation :</b></p> + <p>Cet attribut ne doit pas être utilisé, car il a été déprécié. L'élément <a href="/fr/docs/Web/HTML/Element/dir"><code><dir></code></a> 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 <a href="/fr/docs/Web/CSS/line-height"><code>line-height</code></a> peut être utilisé avec la valeur <code>80%</code>.</p> + </div> + </dd> </dl> -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> +<h2 id="specifications">Spécifications</h2> + +<p>Ne fait pas partie des spécifications actuelles.</p> -<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> +<h2 id="browser_compatibility">Compatibilité des navigateurs</h2> -<p>{{Compat("html.elements.dir")}}</p> +<p>{{Compat}}</p> -<h2 id="Voir_aussi">Voir aussi</h2> +<h2 id="see_also">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><dir></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> + <li>Les autres éléments HTML utilisés pour les listes : <a href="/fr/docs/Web/HTML/Element/ol"><code><ol></code></a>, <a href="/fr/docs/Web/HTML/Element/ul"><code><ul></code></a>, <a href="/fr/docs/Web/HTML/Element/li"><code><li></code></a>, and <a href="/fr/docs/Web/HTML/Element/menu"><code><menu></code></a>;</li> + <li>Les propriétés CSS qui peuvent être utilisées pour mettre en forme l'élément <code><dir></code> : + <ul> + <li>La propriété <a href="/fr/docs/Web/CSS/list-style"><code>list-style</code></a> est utile pour choisir l'apparence des puces.</li> + <li><a href="/fr/docs/Web/CSS/CSS_Lists_and_Counters/Using_CSS_counters">Les compteurs CSS</a> sont utiles pour gérer des listes imbriquées complexes.</li> + <li>La propriété <a href="/fr/docs/Web/CSS/line-height"><code>line-height</code></a> est utile pour reproduire l'attribut déprécié <a href="/fr/docs/Web/HTML/Element/dir#attr-compact"><code>compact</code></a>.</li> + <li>La propriété <a href="/fr/docs/Web/CSS/margin"><code>margin</code></a> est utile pour contrôler l'indentation de la liste.</li> + </ul> + </li> </ul> |