Direktnavigation

Bookmark and Share

Weitere Infos

Sie lesen gerade:

Little Boxes Teil 1 (Cover)

Leider ausverkauft.

Dafür gibt's jetzt:

Das große Little Boxes-Buch (Cover)

Beispielseiten

Inhaltsbereich

Definitionslisten: dl, dt und dd

Das ursprüngliche Einsatzgebiet für Definitionslisten sind Glossare, Listen von Einträgen mit Begriffen und Erklärungen. Da nicht viele Leute regelmäßig Glossare bauen, sind Definitionslisten ziemlich  unbekannt geblieben und werden hier auch nur der Vollständigkeit halber erwähnt.

Anders als geordnete und ungeordnete Listen haben Definitionslisten kein Aufzählungszeichen, bestehen dafür aber aus gleich drei Elementen:

<dl>
  <dt>Zu definierender Begriff (definition (list) term)</dt>
  <dd>Beschreibung oder Erklärung (definition (list) definition)</dd>
</dl>

Im Browser sieht das dann ungefähr so aus:

Abbildung 3.9: Definitionsliste im Browserfenster
Abb. 3.9: Definitionsliste im Browserfenster

Auf den ersten Blick nicht besonders hübsch, so eine Definitionsliste, aber das Aussehen kann mit CSS beliebig verändert werden.

Im CSS-Zeitalter erleben Definitionslisten so etwas wie eine Renaissance, denn dt und dd bieten in bestimmten Situationen nützliche Grundstrukturen, zum Beispiel bei Produkten und Produktbeschreibungen oder der Beschriftung von Bildern.

Mehr zu Definitionslisten

In »Little Boxes, Teil 2« wird beschrieben, wie man Definitionslisten zur Beschriftung von Bildern einsetzen kann. Online gibt es auf der australischen Site MaxDesign ein sehr gutes (englisches) Tutorial zu Definitionslisten: