---
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>