HTML <dir> Tag
Der <dir> Tag listet Verzeichnisnamen auf und ist in HTML5 veraltet. Erfahren Sie, was stattdessen zu verwenden ist.
Das <dir> Tag ist veraltet. Es ist ein veraltetes HTML-Tag, das aus dem Standard entfernt wurde und in HTML5 nicht unterstützt wird. Verwenden Sie es nicht auf neuen Seiten. Verwenden Sie stattdessen das <ul> Tag zusammen mit der CSS-Eigenschaft list-style — siehe den modernen Ersatz weiter unten.
Das <dir> Tag wurde historisch verwendet, um eine Liste von Verzeichnistiteln zu definieren — kurze Datei- oder Ordnernamen. Die Elemente innerhalb der Liste wurden mit dem <li> Tag definiert, genau wie bei einer ungeordneten Liste, und wurden standardmäßig mit Aufzählungszeichen dargestellt.
Warum <dir> veraltet ist
<dir> wurde aus mehreren Gründen aus dem Standard entfernt:
- Es überschnitt sich vollständig mit
<ul>. Browser renderten<dir>genauso wie eine<ul>-Liste mit Aufzählungszeichen, sodass es kein eigenes Verhalten hinzufügte. - Es hatte keinen echten semantischen Wert. „Eine Liste von Verzeichnistiteln" ist keine bedeutungsvolle Unterscheidung in modernem HTML. Eine einfache ungeordnete Liste vermittelt bereits „eine Liste von Elementen", daher war ein separates Element überflüssig.
- Die Implementierung war inkonsistent. Das
compact-Attribut, das die Liste kompakter darstellen sollte, wurde von verschiedenen Browsern unterschiedlich behandelt (und häufig gänzlich ignoriert), was das Element unzuverlässig machte.
Da es <ul> duplizierte, ohne etwas Zusätzliches zu bieten, hat die HTML-Spezifikation <dir> als veraltet markiert und definiert nun <ul> als das korrekte Element für jede flache Elementliste.
Der moderne Ersatz: <ul>
Ersetzen Sie <dir> durch eine standardmäßige ungeordnete Liste. Sie erhalten identisches Markup — <li>-Elemente innerhalb eines Elternelements — jedoch mit vollständiger HTML5-Unterstützung und vollständiger Kontrolle über die Aufzählungszeichen durch die CSS-Eigenschaft list-style.
Das standardmäßige Aufzählungszeichen für <ul> ist disc (ein ausgefüllter Kreis), daher ist das Nützlichste, was CSS bietet, die Möglichkeit, es zu ändern. Die folgenden list-style-type-Werte sind die gängigen Alternativen:
none— entfernt die Aufzählungszeichen vollständig (wird für Navigationsmenüs und benutzerdefiniert gestaltete Listen verwendet).square— ein ausgefülltes Quadrat.circle— ein hohler (umrandeter) Kreis.
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<style>
.none { list-style-type: none; }
.square { list-style-type: square; }
.circle { list-style-type: circle; }
</style>
</head>
<body>
<ul class="none">
<li>HTML Tutorial</li>
<li>CSS Tutorial</li>
</ul>
<ul class="square">
<li>HTML Tutorial</li>
<li>CSS Tutorial</li>
</ul>
<ul class="circle">
<li>HTML Tutorial</li>
<li>CSS Tutorial</li>
</ul>
</body>
</html>Um mehr über das Erstellen und Gestalten von Listen zu erfahren, lesen Sie die Übersicht HTML-Listen, die Tags <ul> und <ol> sowie die CSS-Eigenschaft list-style.
Syntax (veraltet)
Nur zur Referenz — das <dir> Tag kam in Paaren, wobei die <li>-Elemente zwischen dem öffnenden (<dir>) und schließenden (</dir>) Tag geschrieben wurden.
<dir>
<li>HTML Tutorial</li>
<li>CSS Tutorial</li>
<li>PHP Tutorial</li>
</dir>Attribute
| Attribut | Wert | Beschreibung |
|---|---|---|
| compact | compact | Gibt an, dass die Liste kleiner als normal dargestellt werden soll. Wird in HTML5 nicht unterstützt. |
Das <dir> Tag unterstützt außerdem die globalen Attribute und die Ereignisattribute.