initial commit

1 files changed, 44 insertions, 0 deletions

diff --git a/files/de/web/html/element/dir/index.html b/files/de/web/html/element/dir/index.html
new file mode 100644
index 0000000000..092f9b8a4c
--- /dev/null
+++ b/files/de/web/html/element/dir/index.html
@@ -0,0 +1,44 @@
+---
+title: <dir>
+slug: Web/HTML/Element/dir
+tags:
+  - Element
+  - HTML
+  - Obsolete
+  - Referenz
+  - Web
+translation_of: Web/HTML/Element/dir
+---
+<div>
+ {{Obsolete_header()}}</div>
+<h2 id="Übersicht">Übersicht</h2>
+<p>Das <em>HTML directory Element</em> (<code>&lt;dir&gt;</code>) repräsentiert ein Verzeichnis, namentlich eine Sammlung von Dateinamen.</p>
+<div class="note">
+ <strong>Hinweis zur Benutzung: </strong>Dieses Element sollte nicht mehr verwendet werden. In den frühen HTML Spezifikationen, genauer gesagt seit HTML4, ist dieses Element veraltet und in <a href="/en-US/docs/Web/Guide/HTML/HTML5" title="/en-US/docs/Web/Guide/HTML/HTML5">HTML5</a> somit obsolet. Es sollte das {{HTMLElement("ul")}} Element stattdessen verwendet werden.</div>
+<h2 id="DOM_Schnittstelle">DOM Schnittstelle</h2>
+<p>Dieses Element implementiert die {[domxref("HTMLDirectoryElement")}} Schnittstelle.</p>
+<h2 id="Attribute">Attribute</h2>
+<p>Dieses Element schließt <a href="/en-US/docs/HTML/Global_attributes" title="HTML/Global attributes">globale Attribute</a> ein.</p>
+<dl>
+ <dt>
+  {{htmlattrdef("compact")}}</dt>
+ <dd>
+  Dieses Boolesche Attribut verweist darauf, ob die angezeigte Liste kompakt dargestellt werden soll. Die Interpretation dieses Attributs ist abhängig vom sogenannten User Agent und funktioniert nicht in allen Browsern.<br>
+  <div class="note">
+   <strong>Hinweis zur Benutzung: </strong>Dieses Attribut sollte nicht mehr verwendet werden, seit dem es veraltet ist. Das {{HTMLElement("dir")}} Element sollte mit Hilfe von <a href="/en-US/docs/CSS" title="CSS">CSS</a> designt werden. Um einen ähnlichen Effekt wie das <code>compact</code> Attribut zu erreichen, kann die <a href="/en-US/docs/CSS" title="CSS">CSS</a> Eigenschaft {{cssxref("line-height")}} mit einem Wert von <code>80%</code> genutzt werden.</div>
+ </dd>
+</dl>
+<h2 id="Siehe_auch">Siehe auch</h2>
+<ul>
+ <li>Andere Listen-basierte HTML Elemente: {{HTMLElement("ol")}}, {{HTMLElement("ul")}}, {{HTMLElement("li")}}, {{HTMLElement("menu")}};</li>
+ <li>CSS Eigenschaft die besonders wertvoll sein könnten, um das <code>&lt;dir&gt;</code> Element zu stylen:
+  <ul>
+   <li>Die {{cssxref('list-style')}} Eigenschaft, nützlich um die Art des Ranks darzustellen.</li>
+   <li><a href="/en-US/docs/CSS_Counters" title="CSS_Counters">CSS counters</a>, nützlich um mit komplexen verschachtelten Listen zu arbeiten.</li>
+   <li>Die {{Cssxref('line-height')}} Eigenschaft, nützlich um das {{htmlattrxref("compact", "dir")}} Attribut zu imitieren.</li>
+   <li>Die {{cssxref('margin')}} Eigenschaft, nützlich um die Einrückung zu kontrollieren.</li>
+  </ul>
+ </li>
+</ul>
+<div>
+ {{HTMLRef}}</div>