Hamburger-Menu
Bild zum Thema

Tag <dl>

html css php mysql javascript
Bild zum Thema

Tag <dl>

Definition

Status: Aktueller Standard


Das Tag <dl> steht für description list (Beschreibungs-Liste).
Das HTML-Element <dl> wird verwendet, um eine Liste von Begriffen und deren zugehörigen Beschreibungen oder Werten zu erstellen. Es ist semantisch dafür vorgesehen, strukturierte Name-Wert-Paare oder Term-Definition-Beziehungen abzubilden. Eine <dl>-Liste funktioniert nur im Zusammenspiel mit zwei weiteren Tags: <dt> (Description Term) und <dd> (Description Details)

Syntax

<dl>
  <dt>
    <dd>...</dd>
  </dt>
</dl>

Attribute bzw. Unterelemente

Global

Globale Attribute


Beispiele

= Tag

= Attribut

= Wert

Text
= Kommentar bzw. wichtig!
Beispiel <dl> - ---

Der Code:
<dl>
  <dt>HTML</dt>
  <dd>HyperText Markup Language – Standardsprache für Webseiten.</dd>
  <dt>CSS</dt>
  <dd>Stylesheet-Sprache zur Gestaltung von HTML-Dokumenten.</dd>
</dl>

Ergebnis:
Ergebnis: <dl>-Demo 1
---

<dl> liefert hier die Definition zu den "Definition Terms" (<dt>) HTML und CSS.
Beispiel <dl> - ---

Der Code:
<dl>
      <dt>Java</dt>
      <dd>Programmiersprache</dd>
      <dd>Indonesische Insel</dd>
    </dl>
    <dl>
      <dt>Auto</dt>
      <dt>PKW</dt>
      <dd>Motorisiertes Fahrzeug zur Personenbeförderung</dd>
    </dl>

Ergebnis:
Ergebnis: <dl>-Demo 2
---

Es können auch mehrere "Definition Terms" (<dt>), aber auch mehrere "Description Details" vorkommen.