Description List / dl

HTML - Elemente: dl, dt, dd (Blockelemente)

Eine Beschreibungsliste engl.  description list setzt man ein, um bestimmte Dinge in Form einer Liste zu erläutern. Zu Beginn steht der zu beschreibende Inhalt, danach erfolgt die Erklärung. Es ist ein wichtiges Element in Bezug auf SEO.

Das dl Element umschließt die Definiitionsliste. Es folgt ein oder mehrere dt Elemente, welche den zu beschreibenden Inhalt enthalten. Dann folgt das dd Element mit der Beschreibung.

Das dt und dd Element darf andere HTML Elmente enthalten aber kein header im dt (flow content).

<dl>
    <dt>Indien</dt>
    <dd>Land in Asien...</dd>

    <dt>Belgien</dt>
    <dd>Kleines Land...</dd>
</dl>

Mehrere dt Elemente gefolgt von einer dd ist auch möglich. In dem Falle werden verschiedene Begriffe aufgeführt, für die eine Erklärung gilt. Mit CSS kann man die Anordnung beliebig gestalten.

Man kann auch mehrere dd Elemente nacheinandern notieren, um mehrere Erklärungsabschnitte zu definieren.

<dl>
    <dt>Hallo</dt>
    <dt>Hello</dt>
    <dt>Hola</dt>
    <dd>Gruß bla bla bla</dd>
</dl>

dl

dl = description list = Beschreibungsliste
dl markiert die gesamte Beschreibungsliste

dt

dt = description(list) term = Ausdruck
dt markiert den zu beschreibenden Ausdruck.
Man kann mehrere dt Elemente nacheinander notieren.

dd

dd = descript(list) definition = Beschreibung
dd markiert die Beschreibung des Audrucks
Man kann mehrere dd Elemente nacheinander notieren.