Zum Inhalt springen

HTML <dir>-Tag

Das <dir>-Tag wird verwendet, um eine Liste von Verzeichnisnamen zu definieren. Die Elemente innerhalb der Liste werden mit dem <li>-Tag definiert (ähnlich wie bei HTML-Listen, die mit den <ol>- und <ul>-Tags erstellt werden). Die Liste der Verzeichnisnamen wird standardmäßig mit Aufzählungszeichen dargestellt.

DANGER

Das <dir>-Tag ist ein veraltetes HTML-Tag und wird in HTML5 nicht unterstützt. Verwenden Sie stattdessen das <ul>-Tag und die CSS-list-style-Eigenschaft (siehe Beispiele unten).

Syntax

Das <dir>-Tag wird immer als Paar-Tag verwendet. Der Inhalt wird zwischen dem öffnenden (<dir>)- und dem schließenden (</dir>)-Tag notiert.

Beispiel für das HTML <dir>-Tag:

Tutorials|Beispiel für das HTML <dir>-Tag|W3Docs

html
<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <dir>
      <li>HTML Tutorial</li>
      <li>CSS Tutorial</li>
      <li>PHP Tutorial</li>
    </dir>
  </body>
</html>

Ergebnis

dir Beispiel

Beispiel für die CSS list-style-Eigenschaft:

Liste der Tutorials|Beispiel für das HTML <dir>-Tag|W3Docs

html
<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
    <style>
      ul { 
        list-style: disc; 
      }
    </style>
  </head>
  <body>
    <ul>
      <li>HTML Tutorial</li>
      <li>CSS Tutorial</li>
      <li>PHP Tutorial</li>
    </ul>
  </body>
</html>

Attribute

AttributWertBeschreibung
compactcompactLegt fest, dass die Liste kleiner als normal gerendert werden soll. Wird in HTML5 nicht unterstützt.

Das <dir>-Tag unterstützt auch die Globalen Attribute und die Ereignisattribute.

Praxis

Was bewirkt das HTML-Tag 'dir'?

Finden Sie das nützlich?

Dual-run-Vorschau — vergleichen Sie mit den Symfony-Routen live.