HTML Element – `dd`

Das dd-Element gibt die Beschreibung eines Begriffs innerhalb einer Beschreibungsliste wieder.

Beispiel

<dl>
<dt>Kaffee</dt>

<dd>
<p>Ist ein anregendes Heißgetränk aus gerösteten Kaffeebohnen.<br>
Kaffee ist ein je nach Röstgrad braunes bis schwarzes coffeinhaltiges Getränk.<br>
Kaffee wird aus gerösteten Kaffeebohnen, den Samen der Frucht der Kaffeepflanze, hergestellt.</p>
</dd>

</dl>

Definition und Verwendung

Das dd-Tag legt den Bereich in einer Beschreibungsliste fest, in dem ein Begriff oder Name erklärt wird.

Das dd-Tag wird zusammen mit dl und dt verwendet.

Attribute

Attribute erweitern Elemente um zusätzliche Eigenschaften oder Informationen und beeinflussen deren Bedeutung, Verhalten oder Darstellung. Sie bestehen in der Regel aus einem Attributnamen und einem zugehörigen Wert, wobei die zulässigen Attribute vom jeweiligen Element abhängen und teils allgemein, teils elementbezogen definiert sind.

Eine besondere Gruppe bilden die aria-*-Attribute, die zur Unterstützung der Barrierefreiheit zusätzliche Informationen für assistive Technologien bereitstellen.

Unterstützung von Global- und Event-Attribute

Das dd-Tag unterstützt auch Global- und Event-Attribute.

Inhalte in `dd`

Innerhalb eines dd-Tags können Absätze, Zeilenumbrüche, Bilder, Links, Listen usw. einfügen werden.

Beispiel mit Bild

<dl>
<dt>Kaffee</dt>

<dd>
<img src="images/kaffee-tasse.png" alt="Eine Bild von einer Kaffeetasse">
<p>Ist ein anregendes Heißgetränk aus gerösteten Kaffeebohnen.<br>
Kaffee ist ein je nach Röstgrad braunes bis schwarzes coffeinhaltiges Getränk.<br>
Kaffee wird aus gerösteten Kaffeebohnen, den Samen der Frucht der Kaffeepflanze, hergestellt.</p>
</dd>

</dl>

Standardbrowser CSS

Webbrowser wenden auf viele Elemente vordefinierte CSS-Stile an, die eine grundlegende Struktur und Lesbarkeit sicherstellen. Umfang und Ausgestaltung dieser Standardstile können je nach Browser variieren, etwa in Bezug auf Abstände, Schriftgrößen oder die Darstellung einzelner Elemente.

dd {
display: block;
margin-left: 40px;
}

Beispiel mit CSS

<!DOCTYPE html>
<html>
<head>
<style>

dd {
font-family: sans-serif;
margin-left: 0;
}
dd img {
width: 100px;
margin-right: 12px;
float: left;
}
</style>
</head>

<body>
<dl>
<dt>Kaffee</dt>

<dd>
<img src="images/kaffee-tasse.png" alt="Eine Bild von einer Kaffeetasse">
<p>Ist ein anregendes Heißgetränk aus gerösteten Kaffeebohnen.<br>
Kaffee ist ein je nach Röstgrad braunes bis schwarzes coffeinhaltiges Getränk.<br>
Kaffee wird aus gerösteten Kaffeebohnen, den Samen der Frucht der Kaffeepflanze, hergestellt.</p>
</dd>

</dl>
</body>
</html>

Browserunterstützung

Die Unterstützung von Elementen und Attributen ist in den gängigen modernen Browsern weitgehend einheitlich gewährleistet. Unterschiede können dennoch in Details, im Einführungszeitpunkt neuer Funktionen oder bei experimentellen Features auftreten.

Diese Tabelle zeigt die Unterstützung des `dd` durch gängige Webbrowser und ordnet dessen Verfügbarkeit im aktuellen Browserumfeld ein.
Element	Firefox	Internet Explorer / Edge	Safari	Chrome	Opera
`<dd>`