Weitere Infos (Randbereich)
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:
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:
