From 4b1a9203c547c019fc5398082ae19a3f3d4c3efe Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:41:15 -0500 Subject: initial commit --- files/de/web/html/element/dl/index.html | 222 ++++++++++++++++++++++++++++++++ 1 file changed, 222 insertions(+) create mode 100644 files/de/web/html/element/dl/index.html (limited to 'files/de/web/html/element/dl/index.html') diff --git a/files/de/web/html/element/dl/index.html b/files/de/web/html/element/dl/index.html new file mode 100644 index 0000000000..7145a49a1d --- /dev/null +++ b/files/de/web/html/element/dl/index.html @@ -0,0 +1,222 @@ +--- +title:
+slug: Web/HTML/Element/dl +tags: + - Element + - HTML + - HTML Gruppierungsinhalt + - Referenz + - Web +translation_of: Web/HTML/Element/dl +--- +

Das HTML <dl> Element (oder HTML Description List Element) umfasst eine Liste von Begriffspaaren und Beschreibungen. Üblicherweise wird das Element zur Implementierung eines Glossars oder zur Anzeige von Metadaten (eine Liste von Schlüsselwertpaaren) genutzt.

+ +

Vor HTML5, war <dl> bekannt als Definition List.

+ + + + + + + + + + + + + + + + + + + + + + + + +
InhaltskategorienFließender Inhalt, wenn das <dl> Elementkind nur ein Wertepaar beinhaltet, dann greifbarer Inhalt.
Erlaubter InhaltNull oder mehr {{HTMLElement("dt")}} Elemente, jedes gefolgt von einem oder mehreren {{HTMLElement("dd")}} Elementen.
Tag Auslassung{{no_tag_omission}}
Erlaubte ElternelementeJedes Element, das fließenden Inhalt erlaubt.
DOM Schnittstelle{{domxref("HTMLDListElement")}}
+ +

Attribute

+ +

Dieses Element schließt globale Attribute ein.

+ +
+
{{htmlattrdef("compact")}} {{Non-standard_inline}}
+
Zwingt die Beschreibung dazu, in derselben Linie zu erscheinen wie der Begriff. Dieses Attribut wird aktuell nicht unterstützt.
+
+ +

Beispiele

+ +

Einzelbegriff und Beschreibung

+ +
<dl>
+  <dt>Firefox</dt>
+  <dd>A free, open source, cross-platform, graphical web browser
+      developed by the Mozilla Corporation and hundreds of volunteers.</dd>
+
+  <!-- other terms and definitions -->
+</dl>
+
+ +

Ausgabe:

+ +

Image:HTML-dl1.png

+ +

Multiple Begriffe, einzelne Beschreibung

+ +
<dl>
+  <dt>Firefox</dt>
+  <dt>Mozilla Firefox</dt>
+  <dt>Fx</dt>
+  <dd>A free, open source, cross-platform, graphical web browser
+      developed by the Mozilla Corporation and hundreds of volunteers.</dd>
+
+  <!-- other terms and definitions -->
+</dl>
+
+ +

Ausgabe:

+ +

Image:HTML-dl2.png

+ +

Einzelbegriff, multiple Beschreibungen

+ +
<dl>
+  <dt>Firefox</dt>
+  <dd>A free, open source, cross-platform, graphical web browser
+      developed by the Mozilla Corporation and hundreds of volunteers.</dd>
+  <dd>The Red Panda also known as the Lesser Panda, Wah, Bear Cat or Firefox,
+      is a mostly herbivorous mammal, slightly larger than a domestic cat
+      (60 cm long).</dd>
+
+  <!-- other terms and definitions -->
+</dl>
+
+ +

Ausgabe:

+ +

Image:HTML-dl3.png

+ +

Multiple Begriffe und Beschreibungen

+ +

Es ist ebenfalls möglich, multiple Begriffe und Beschreibungen zu definieren, wenn man die oberen Beispiele kombiniert.

+ +

Metadata

+ +

Description Lists sind nützlich um Metadaten als Wertepaar-Listen anzuzeigen.

+ +
<dl>
+    <dt>Name</dt>
+    <dd>Godzilla</dd>
+    <dt>Born</dt>
+    <dd>1952</dd>
+    <dt>Birthplace</dt>
+    <dd>Japan</dd>
+    <dt>Color</dt>
+    <dd>Green</dd>
+</dl>
+
+ +

Tipp: Es kann hilfreich sein, Separatoren für Schlüsselwerte in CSS3 zu definieren, wie zum Beispiel:

+ +
+
dt:after {
+  content: ": ";
+}
+
+ +

Anmerkungen

+ +

Weder dieses Element, noch das {{HTMLElement("ul")}} Element, sollten genutzt werden, um bloß eine Einrückung vorzunehmen. Es funktioniert zwar, wird in der Praxis jedoch nicht angewendet und verfehlt die Definition einer Description List.

+ +

Um die Einrückung eines Begriffs zu ändern, sollte die CSS {{cssxref("margin")}} Eigenschaft genutzt werden.

+ +

Spezifikationen

+ + + + + + + + + + + + + + + + + + + + + + + + + + +
SpezifikationStatusKommentar
{{SpecName('HTML WHATWG', 'grouping-content.html#the-dl-element', '<dl>')}}{{Spec2('HTML WHATWG')}} 
{{SpecName('HTML5 W3C', 'grouping-content.html#the-dl-element', '<dl>')}}{{Spec2('HTML5 W3C')}} 
{{SpecName('HTML4.01', 'struct/lists.html#h-10.3', '<dl>')}}{{Spec2('HTML4.01')}}Ursprüngliche Definition
+ +

Browser Kompatibilität

+ +
{{CompatibilityTable}}
+ +
+ + + + + + + + + + + + + + + + + + + +
MerkmalChromeFirefox (Gecko)Internet ExplorerOperaSafari (WebKit)
Grundlegende Unterstützung1.0{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}
+
+ +
+ + + + + + + + + + + + + + + + + + + +
MerkmalAndroidFirefox Mobile (Gecko)IE PhoneOpera MobileSafari Mobile
Grundlegende Unterstützung{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}
+
+ +

Siehe auch

+ + + +
{{HTMLRef}}
-- cgit v1.2.3-54-g00ecf