1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
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><dir></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><dir></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>
|
