Die Beschreibungsliste bietet eine semantische Möglichkeit, Informationen zu strukturieren und darzustellen und eine Beziehung zwischen Begriffen und ihren entsprechenden Beschreibungen herzustellen. Es macht die Daten oder Informationen zugänglicher und verständlicher. Die Ersteller können Beschreibungslisten an Orten wie Glossaren, Wörterbüchern, FAQ-Abschnitten, Produktspezifikationen usw. verwenden. Dieser Artikel zeigt die Vorgehensweise zur Verwendung einer Beschreibungsliste in HTML.
Wie verwende ich eine Beschreibungsliste in HTML?
Die Beschreibungsliste besteht aus „ “, „ ', Und ' ”-Tags und wird verwendet, um eine Sammlung von Begriffen und ihren entsprechenden Definitionen darzustellen. Es präsentiert/zeigt den Inhalt in einer strukturierten Form, in der die Beschreibung über eine einfache Aufzählungsliste hinausgeht. Die CSS-Eigenschaften können auch auf die Beschreibungsliste angewendet werden, um eine optisch ansprechende Oberfläche zu erstellen.
Besuchen Sie den folgenden Codeausschnitt, um eine Beschreibungsliste in HTML zu erstellen:
< Körper >
< div >
< h2 > Laptop-Marktanteile h2 >
< dl >
< dt > PS dt >
< dd > In der Kategorie Desktop-Systeme und Laptops hat es einen Anteil 30 % dd >
< dt > Dell dt >
< dd > In der Kategorie Desktop-Systeme und Laptops hat es einen Anteil 24 % dd >
< dt > Lenovo dt >
< dd > In der Kategorie Desktop-Systeme und Laptops hat es einen Anteil 14 % dd >
dl >
div >
Körper >
Die Erklärung des obigen Codeausschnitts:
-
- Zuerst sagten die Eltern „ div Es wurde ein Element erstellt, das wie ein Container für das Beschreibungslistenelement und andere HTML-Elemente wie „ “.
- Als nächstes die Beschreibungsliste „
- Dann wird der Beschreibungsname/Begriff „ Das Tag „“ wird verwendet, um die Beschreibung der Elemente zu definieren, deren Beschreibung hinzugefügt werden soll.
- Danach werden die Beschreibungsdaten „ Es wird ein Tag eingefügt, der die Beschreibung/Informationen zum Beschreibungselement enthält.
Nach Abschluss der Kompilierungsphase erscheinen die HTML-Elemente auf der Webseite wie folgt:
Die Ausgabe zeigt, dass die Beschreibungsliste generiert wurde.
Beispiel 1: Einem einzelnen Begriff mehrere Beschreibungen zuweisen
Die Beschreibungstabelle kann erstellt werden, in der mehr als eine Beschreibung für einen einzelnen Begriff vorhanden ist. Dies kann besonders nützlich sein, wenn es mehr als eine Bedeutung oder Methode gibt, mit der der Beschreibungsbegriff erklärt werden kann.
Der Code für das obige Szenario ist unten dargestellt:
< div >< h2 > Laptop-Marktanteile h2 >
< dl >
< dt > PS dt >
< dd > In der Kategorie Desktop-Systeme und Laptops hat es einen Anteil 30 % In 2018 dd >
< dd > In der Kategorie Desktop-Systeme und Laptops hat es einen Anteil 23 % In 2017 dd >
< dt > Dell dt >
< dd > In der Kategorie Desktop-Systeme und Laptops hat es einen Anteil 24 % In 2018 dd >
< dd > In der Kategorie Desktop-Systeme und Laptops hat es einen Anteil 27 % In 2017 dd >
< dt > Lenovo dt >
< dd > In der Kategorie Desktop-Systeme und Laptops hat es einen Anteil 14 % In 2018 Und 9 % In 2017 dd >
dl >
div >
Im obigen Code:
-
- Zunächst wird die Beschreibungsliste mit Hilfe von „ dl “, „ dt ' Und ' dd ”Elemente.
- Als nächstes mehrere „ „Tags werden unter einem einzigen“ verwendet dt ' Element. Es ordnet einem einzelnen Begriff mehrere Beschreibungen zu.
Nach der Kompilierungsphase:
Die Ausgabe zeigt, dass für einen einzelnen Begriff mehrere Beschreibungen hinzugefügt wurden.
Beispiel 2: Einer einzelnen Beschreibung mehrere Begriffe zuordnen
Die Entwickler können auch eine Beschreibungsliste erstellen, die aus mehreren Beschreibungsbegriffen mit einzelnen Beschreibungsdaten besteht. Dies ist besonders nützlich, wenn mehrere Begriffe ähnlich sind oder die gleiche Funktionalität haben. Mit dieser Technik können alle diese Begriffe auf einmal beschrieben werden:
< div Stil = „Rand: 20px“ >< h2 > Laptop-Marktanteile h2 >
< dl >
< dt > PS dt >
< dt > EliteBook dt >
< dt > proBook dt >
< dd > In der Kategorie Desktop-Systeme und Laptops hat es einen Anteil 30 % In 2018 dd >
< dd > In der Kategorie Desktop-Systeme und Laptops hat es einen Anteil 23 % In 2017 dd >
< dt > Lenovo dt >
< dd > In der Kategorie Desktop-Systeme und Laptops hat es einen Anteil 14 % In 2018 Und 9 % In 2017 dd >
dl >
div >
Im obigen Codeblock wird die Beschreibungsliste erstellt und mehrere „ „Tags werden mit einem einzigen „“ verwendet ' Schild.
Nach Abschluss der Kompilierungsphase:
Der obige Schnappschuss zeigt, dass mehreren Begriffen einzelne Beschreibungsdaten zugeordnet sind.
Abschluss
Die Beschreibungsliste wird mit der Beschreibungsliste „ ”-Tag, das den Container für die Listenelemente und ihre Beschreibung erstellt. Darüber hinaus ist die „ Das Tag „bezeichnet den Artikelnamen, dessen Beschreibung bereitgestellt werden soll. Während ' „Tag speichert die entsprechende Beschreibung. In diesem Artikel wurde die Verwendung einer Beschreibungsliste in HTML demonstriert.