Beschreibungslisten sind für Listen mit Name-Wert-Zuordnungen gedacht. Damit eignen sie sich zur Abbildung von Konfigurationsdaten, aber auch für Glossare und für jede Art von Liste, bei der es bestimmte Felder gibt, denen Werte zugeordnet werden.

Beispiel

<dl>
  <dt>AA</dt>
  <dd>Auto Answer (Modem)</dd>
  <dt>AAE</dt>
  <dd>Allgemeine Anschalte-Erlaubnis</dd>
  <dt>AARP</dt>
  <dd>Appletalk Address Resolution Protocol</dd>
  <!-- usw. -->
</dl>
 
<dl>
  <dt>Titel</dt>
  <dd>Lola rennt</dd>
  <dt>Erscheinungsjahr</dt>
  <dd>1998</dd>
  <dt>Länge</dt>
  <dd>81 Minuten</dd>
  <dt>Originalsprache</dt>
  <dd>deutsch</dd>
  <!-- usw. -->
</dl>

Typische Default-Darstellung von Beschreibungslisten im Browser

Erläuterung

<dl>…</dl> markiert die gesamte Bescheibungsliste (dl = description list = Beschreibungsliste).
<dt>…</dt> markiert einen zu beschreibenden Ausdruck ein (dt = description (list) term = Ausdruck).
<dd>…</dd> markiert die Bescheibung des Ausdrucks (dd = description (list) description = Beschreibung).

Das dl-Element darf nichts anderes als aufeinanderfolgende dt- und dd-Elemente enthalten. dt- und dd-Elemente dürfen Text und andere HTML-Elemente enthalten, das dt-Element allerdings nur sogenannten Phrasing Content, d.h. keine anderen gruppierenden Elemente oder Elemente für Web-Seitenbereiche.

Weitere Hinweise

Per Voreinstellung stellen grafische Browser die Liste so dar, dass dd-Elemente gegenüber dt-Elementen eingerückt erscheinen. Beide Elemente erzeugen eine neue Zeile im Textfluss. Mit Hilfe von CSS bzw. CSS-Eigenschaften können Sie die Erscheinung optimieren.

Beschreibungslisten sollen nicht zur Darstellung von szenischen Dialogen verwendet werden. Das war in HTML5 ursprünglich angedacht, wurde jedoch wieder verworfen. Für szenische Dialoge gibt es keine speziellen HTML-Strukturelemente.

Referenzinformationen

 


Korrekturen, Hinweise und Ergänzungen
Bitte scheut euch nicht und meldet, was auf dieser Seite sachlich falsch oder irreführend ist, was ergänzt werden sollte, was fehlt usw. Dazu bitte oben aus dem Menü Seite den Eintrag Diskutieren wählen. Es ist keine Anmeldung erforderlich, um Anmerkungen zu posten. Unpassende Postings, Spam usw. werden allerdings kommentarlos entfernt.