Gibt es einen logischen Grund für die Verwendung des <dl>, <dt> und <dd> Tags anstelle von verschachtelten, CSS-Stil <ul> und <ol>-Tags? Oder sind sie nur eine veraltete Gruppe von Tags, die darauf warten, veraltet zu sein?Was ist der <dl> Tag für?
Antwort
Unter Berufung auf die W3C spec:
Das dl-Element stellt eine Liste Assoziation, bestehend aus null oder mehrere Namen-Wert-Gruppen (A Beschreibungsliste). Jede Gruppe muss aus einem oder mehreren Namen (dt-Elementen) gefolgt von einem oder mehreren Werten (dd-Elementen) bestehen. Innerhalb eines einzelnen dl-Elements sollte nicht mehr als ein dt-Element für jeden Namen vorhanden sein.
So ist der Hauptgrund für die <dl>
, <dt>
und <dd>
-Tags sind die semantische Verbindung für diesen Namen-Wert-Paare zu erhalten, die verloren gehen würden, wenn Sie nur verschachtelte Listen verwendet.
Wenn Sie verschachtelte Listen verwenden, kann dies aus verschiedenen Gründen geschehen (z. B. sind viele Menüs in verschachtelte Listen strukturiert) und Crawler oder andere Systeme, die semantische Anmerkungen beachten, können den Unterschied nicht erkennen .
Wenn Sie die oben genannten Tags verwenden, kann ein System jedoch die Verbindung erkennen und entsprechend handeln. So eine zukünftige Verwendung möglicherweise, um alle Definitionen von Begriffen in einem größeren Dokument zu extrahieren, um eine Art Glossar zu erstellen.
- DL
-
eine Definitionsliste ist das Behälterelement für DT und DD-Elemente. Das DL-Element sollte verwendet werden, wenn Sie eine Definition eines Begriffs in Ihr Dokument aufnehmen möchten, es wird oft in Glossaren verwendet, um viele Begriffe zu definieren, es wird auch in "normalen" Dokumenten verwendet, wenn der Autor einen Begriff in einem mehr erklären möchte Detail (Wie diese Definition).
- DT
-
Der Begriff derzeit in der Definitionsliste definiert ist. Dieses Element enthält Inline-Daten.
- DD
-
Die Definition Beschreibungselement enthält Daten, die eine Definition Begriff beschreibt. Diese Daten können entweder Inline oder Blockebene sein.
Es ist eine Beschreibungsliste für ein Objekt, das Namen-Werte enthält. – Roger
Vom W3C documentation:
Definitionslisten unterscheiden sich nur geringfügig von anderen Arten von Listen, dass Listenelemente bestehen aus zwei Teilen: einer Laufzeit und einer Beschreibung. Der Begriff wird vom DT-Element angegeben und ist auf Inline-Inhalt beschränkt. Die Beschreibung wird mit einem DD-Element angegeben, das den Inhalt auf Blockebene enthält.
Es gibt einige Markup-Beispiele auf der W3C-Seite.
- 1. Ist der <noscript> Tag veraltet?
- 2. Was ist der Unterschied in <? und <? php
- 3. Was ist "<url> http://maven.apache.org</url>" Tag unter Projekt-Tag in pom.xml?
- 4. Was ist der spezifische Unterschied zwischen <html: submit tag und <input type = "submit"?
- 5. Was ist <view/> XML-Tag in Layout
- 6. Was ist das attr-Attribut von <a> Tag?
- 7. Was ist der Unterschied zwischen. Tag und Tag
- 8. Was bedeutet ":" in <%: und was ist der Unterschied zu <% =?
- 9. Was ist der Unity 2-Ersatz für <typeConfig />?
- 10. Was bedeutet das Tag << in JavaScript?
- 11. In ASP.Net, was ist der Unterschied zwischen <% = und <% #
- 12. Was ist der Unterschied zwischen Ofstream "<<" und Schreiben
- 13. Was ist der Unterschied zwischen <%# %> und <%= %>?
- 14. Was ist der Unterschied zwischen <% %> und <%=%>?
- 15. Was ist der Unterschied zwischen << und + =?
- 16. In Struts 1, Was ist der Standardwert von Type Attribut von <action> Tag?
- 17. howto get Builder zum Erstellen <tag></tag> anstelle von <tag/>
- 18. Backup-Image für <video> Tag
- 19. Was ist der Zweck des <circle> html-Tags?
- 20. <transport> Tag innerhalb der ServicesReferences.ClientConfig
- 21. Was ist der Unterschied, wenn <script> Tag in HTML-Header oder Körper
- 22. Was ist der Punkt von boost :: multi_index_container :: index <Tag> :: Typ?
- 23. Benutzerdefiniertes CSS für <audio> tag?
- 24. Was ist der Zweck der Bemerkungen Tag in C#
- 25. Tag <label> funktioniert nicht für <input>
- 26. Hintergrundbild für eine <a> Tag
- 27. Was ist zu ersetzen <span> in <form> mit? „In XHTML 1.1 den Tag <form> nicht enthält Tag <span>
- 28. Was ist die optimale Lösung für den Tag/Keyword-Abgleich?
- 29. XmlSerializer.Serialize Entfernen der <xml> Tag
- 30. Was ist das "richtige" Tag-Präfix für das AjaxControlToolkit?
siehe http://www.onextrapixel.com/2009/05/13/how-to-use-dl-dt-and-dd-html-tags-to-list-data-vs-table-list- Daten/ – Prasanth
@Goldenparrot Sehr illustrierend. Vielen Dank! – Variax