Stil mit {stil}

Okt 2008

HTML-Tag dl – Definitionsliste

Ähnlich wie ungeordnet oder geordnete Listen (ul / ol) Inhalte in Listen strukturieren, agiert auch das dl-Element – allerdings mit Begriffen anstelle eines Listenpunkts oder einer Ordnungszahl. Dem Begriff folgt direkt die Erklärung.

Die genaue Darstellung hängt vom jeweiligen Browser ab. Die meisten Browser setzen den Begriff an den linken Rand und die Definition oder Erklärung eingerückt in eine neue Zeile. Wenn der Ausdruck allerdings sehr kurz ist – drei Buchstaben oder weniger –, kann die Definition auch in der gleichen Zeile stehen.

HTML-Tag dl

Definitionsliste

Das <dl>-Tag bildet den Anfang und das Ende einer Definitionsliste und fasst dt- und dd-Tags zusammen wie ul/ol Listen einrahmen.

In einem dl-Element dürfen mehrere dt-Elemente notiert werden.

HTML-Tag dt

Zu definierender Begriff in einer Definitionsliste

Das <dt>-Tag ist der Ausdruck, der definiert werden soll. Nach dem <dt>-Tag muss das <dd>-Tag folgen, das die Definition enthält

HTML-Tag dd

Erklärender Text einer Definitionsliste

Das <dd>-Tag stellt die Definition dar. Es muss zusammen mit dem <dt>-Tag benutzt werden, das den Begriff einschließt, und dem <dl>-Tag, das die Definitionsliste einleitet und beendet.

Attribute für dl

Nur Kernattribute

Beispiel

Die Erklärungen zu den HTML-Attributen auf diesen Seiten werden von Definitionslisten formatiert.

<dl class="referenz">                                       // Anfang der Definitionsliste
   <dt> abbr </dt>                                          // zu definierender Begriff
      <dd> wird von den meisten Browsern nicht erkannt.     // Definition
      Es stellt eine Zusammenfassung des Zelleninhalts dar. </dd> 
    <dt> axis </dt>                                         // zu definierender Begriff
      <dd> wird von den meisten Browsern nicht erkannt. Das  // Definition
      Attribut erzeugt eine Liste von Kategorienamen, anhand derer eine Abfrage 
      ausgeführt werden kann. Die Abfrage wird gegen die Zellen der 
      Tabelle ausgeführt. </dd> 
   <dt> colspan </dt>                                       // zu definierender Begriff
      <dd> spannt eine Zelle über mehrere Spalten auf.       // Definition
      Es kann auch mit dem Attribut <em>rowspan</em> kombiniert werden, 
      um eine Tabellenzelle über mehrere Zeilen und Spalten aufzubauen. </dd> 
   <dt> rowspan </dt>                                       // zu definierender Begriff
      <dd> spannt eine Tabellenzelle über mehrere Zeilen auf. // Definition
      Es kann mit dem Attribut <em>colspan</em> kombiniert werden, 
      um eine Zelle aufzuziehen, die sich über mehrere Zeilen und 
      Spalten erstreckt. </dd> 
</dl>

Darstellung

abbr

wird von den meisten Browsern nicht erkannt. Es stellt eine Zusammenfassung des Zelleninhalts dar.

axis

wird von den meisten Browsern nicht erkannt. Das Attribut erzeugt eine Liste von Kategorienamen, anhand derer eine Abfrage ausgeführt werden kann. Die Abfrage wird gegen die Zellen der Tabelle ausgeführt.

colspan

spannt eine Zelle über mehrere Spalten auf. Es kann auch mit dem Attribut rowspan kombiniert werden, um eine Tabellenzelle über mehrere Zeilen und Spalten aufzubauen.

rowspan

spannt eine Tabellenzelle über mehrere Zeilen auf. Es kann mit dem Attribut colspan kombiniert werden, um eine Zelle aufzuziehen, die sich über mehrere Zeilen und Spalten erstreckt.

Kernattribute und Ereignisse für dl-Tags

Zum Seitenanfang