HTML `<dl>`-Tag

Das <dl>-Tag definiert eine Liste von Definitionen/Beschreibungen (mehr dazu unter HTML-Listen). Es wird zusammen mit den Tags <dd> und <dt> verwendet. Das <dl>-Tag erstellt eine Liste, das <dt>-Tag gibt den Begriff an und das <dd>-Tag die Beschreibung des Begriffs.

Screenreader geben <dl>-Inhalte anders vor. Stellen Sie sicher, dass der Inhalt jeder Liste so verfasst ist, dass er die Beziehung zu den anderen Listenelementen in der Gruppe verdeutlicht.

Wenn Sie Microdata oder globale Attribute verwenden und diese auf eine gesamte Gruppe anwenden möchten, kann es hilfreich sein, jede Name-Wert-Gruppe in ein <div>-Element einzuschließen.

Es wird nicht empfohlen, das <dl>-Element lediglich zum Erzeugen von Einrückungen auf einer Seite zu verwenden. Dies kann die Bedeutung einer Definitionsliste verschleiern.

Um die Einrückung eines Beschreibungsbegriffs zu ändern, verwenden Sie die CSS margin-Eigenschaft.

Das <dl>-Tag dient als Container für die Tags <dd> und <dt>.

Syntax

Das <dl>-Tag kommt immer in Paaren vor. Der Inhalt wird zwischen dem öffnenden (<dl>) und dem schließenden (</dl>) Tag geschrieben.

Beispiel für das HTML `<dl>`-Tag:

HTML <dl>-Tag

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <dl>
      <dt>Hypertext</dt>
      <dd>A system of text pages that have cross-references.</dd>
      <dt>Hyperlink</dt>
      <dd>A part of a hypertext document that references another item.</dd>
    </dl>
  </body>
</html>

Try it Yourself »

Ergebnis

dl tag example

Attribute

Das <dl>-Tag unterstützt die Global attributes und die Event Attributes.

So stylen Sie ein HTML <dl>-Tag

css

dl {
  margin: 0;
  padding: 0;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 20px;
}

Praxis

What is the correct usage of the HTML <dl> tag based on the information provided on w3docs.com?

<dl> tag is used for creating a definition list in HTML.<dl> tag is used for creating a dropdown list in HTML.<dl> tag should be paired with <dt> and <dd> tags to specify the term and its definition respectively.<dl> tag should not be combined with any other tags.<dl> tag is a block level element.<dl> tag is an inline element.

HTML <dl>-Tag ​

Syntax ​

Beispiel für das HTML <dl>-Tag: ​

Ergebnis ​