HTML-Beschreibungsliste
Sep 04, 2024 pm 04:44 PM
Dieser Artikel beschreibt die Beschreibungsliste oder Definitionsliste und wie sie in einem HTML-Dokument nützlich ist. Wie definiert man also eine Beschreibungsliste? In einfachen Worten k?nnen wir sagen, dass es sich um eine Liste von Definitionen handelt (z. B. Glossare zur Darstellung der Informationen im Internet/auf einer Webseite). Die Verwendung der Beschreibungsliste ist jedoch geringer, hat aber einen bestimmten Zweck. Mittlerweile verleihen diese Definitionslisten der Webseite einen Mehrwert; Beispielsweise erkl?rt der auf der Webseite angegebene Text den Kontext, indem er durch die semantische Markierung des Kontexts hilft. Auf diese Weise k?nnen wir die strukturierten Informationen leicht extrahieren. Eine Definitionsliste ist ein perfekter Begriff, um die Begriffe, Werte und ein weiteres Glossar zu beschreiben.
Syntax:
<dl> <dt> …… </dt> <dd> ……….. </dd> </dl
Die Beschreibungsliste enth?lt drei Elemente:
- ,
- ,
- .
-
Definitionsliste
- Definitionsbegriff – Dieses Element wurde derzeit in der Definitionsliste verwendet und verfügt über die Inline-Daten oder den Wert des dl-Elements.
- Definitionsbeschreibung – Dieses Element definiert, dass die Daten unter diesem Element auf Blockebene oder entweder inline übernommen werden.
HTML-Beschreibungslisten-Tags
Eine Beschreibungsliste ist einer der Listentypen; Sie gelten als generische Form einer geordneten Aufz?hlungsliste. Der einzige Unterschied besteht darin, dass kein Aufz?hlungszeichen-Symbol vorhanden ist.
Hinweis: Jede Definitionsliste besteht aus einer Sequenz von -
Definitionsliste
- Kombinationen/Eins-zu-viele-Beziehungskombinationen. Diese Beschreibungs-Tags werden in HTML4 unterstützt und in HTML5 um neue Begriffe als weitere Name-Wert-Paare erweitert. Es stellt eine Assoziationsverbindung zwischen Frage und Antworten her.
Typ 1: Einzelner Definitionsbegriff und Definition zusammen
Beispiel #1
<!DOCTYPE html> <html> <body> <dl> <dt><b>Web Designing company in Chennai<b></dt> <dd>This service Enhance Website Exposure with professional User Interface </dd> </dl> </body> </html>
Ausgabe:
Beispiel #2
<html> <head> <title>Page Title</title> <style> body { background-color: pink; text-align: center; color: blue; font-family: Arial, italic; } </style> </head> <body> <h1>HTML Demo 2</h1> <p>This is Networking Protocol Abbreviation.</p> <dl> <dt>FTP <dd>File Transfer Protocol <dt>TCP/IP <dd>Transmission Control Protocol/IP address <dt>SNMP <dd>Simple Network Management Protocol </dl> </body> </html>Ausgabe:
Typ 2: Einzelne Beschreibung zusammen mit mehreren Begriffen
Beispiel Nr. 1
<!DOCTYPE html> <html> <body> <dl> <dt> Ebay</dt> <dt>Etsy</dt> <dt>Walmart</dt> <dd>The Top 10 internet shopping websites in the year 2019</dd> </dl> </body> </html>
Ausgabe:
Als n?chstes verwenden wir das Attribut ?lang“ im
- wobei die Begriffe unterschiedliche Sprachen verwenden. Diese Attribute geben den ISO-Sprachcode als aus zwei Buchstaben bestehenden Wert aus.
Beispiel Nr. 2
<!DOCTYPE html> <html> <body> <h2>A Description HTML list</h2> <dl lang="es"> <dt>formas</dt> <dt lang="en-us">Shapes</dt> <dt lang="fr">Formes</dt> <dd>A Shape determines the different structure of the objects. </dd> </dl> </body> </html>
Ausgabe:
Typ 3: Einzelner Begriff, der mehrere Beschreibungen beschreibt
Beispiel
<html> <head> <title>DEFINITION LIST</title> </head> <body bgcolor=" brown" text="pink"> <h1><u>DEFINITION LIST DEMO</u></h1> <h3> <dl> <dt lang="es"><u>Compact:</u></dt> <dd>A Compact may refer to make-up case. </dd> <dd>When taken as adjective it refers to smaller part. Example, need a compact sofa to sit.</dd> </dl> <h3> </body> </html>
Ausgabe:?
Typ 4: Mehrere Begriffe und mehrere Beschreibungen
Beispiel
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.1"> <title>Definition List example</title> </head> <body> <h1>Definition List Demo4</h1> <dl> <dt> Engaged</dt> <dt>Leaves</dt> <dd>Students got engaged during their Lab hours in the college.</dd> <dd>Childrens feels when their father leaves for the work.</dd> </dl> </body> </html>
Ausgabe:?
Typ 5: Definitionsliste mit Stilattribut
Hier wird das Stilattribut für die Farben angegeben, um die Beschreibungsbegriffe hervorzuheben.
Beispiel #1
<html> <head> HTML Definition Lists </head> <body> <h2> list of Popular International Entrance Examination <h2> <dl> <dt style="color:Blue"> TOEFL </dt> <dd> -: Test of English As Foreign Language . This Score is Accepted in the country like Canada,UK,USA</dd> <br> <dt style="color:Magenta"> GRE </dt> <dd> -: The Graduate Record Examination. This Test is allowed to enter in the States like Canada and US foran indian Students in the Science and Technology Fields? </dd> </dl> </body> </html>
Ausgabe:
Mit dem Tag, es wird davon ausgegangen, dass der benachbarte Text als Definition des Begriffs zugewiesen wird.
Beispiel #2
<!DOCTYPE html> <html> <head> <title> Demo</title> <dl> <dt lang="en-GB"><dfn> Definition list</dfn></dt> <dt><dfn><b>Apple fruit </b></dfn></dt> <dd>This fruit is quoted as "miracle food" where this gives best nutrients to the body. They are rich in antioxidents</dd> <dd>A small fragment of apple intakes daily cures cancer,heart disease etc.</dd> <dd> Different varieties includes Braeburn,Cameo,Fuji,Gala </dd> </dl> </html>
Ausgabe:
Typ 6: Hintergrundfarbe für die Beschreibungsliste platzieren
Die folgenden Beispiele zeigen den Inhalt mit Hintergrundfarbe unter Verwendung des Attributs ?bgcolor“.
Beispiel
<html> <head> <title>DEFINITION LIST</title> </head> <body bgcolor="Green" text="pink"> <h1><u>DEFINITION LIST DEMO</u></h1> <h3> <dl> <dt lang="en-GB"><u>PYTHON:</u></dt> <dd>Python is a progranning Language originally developed by Guido van. Its an Open Source and Cross-Platform. Applications include Web development, Data Machine Learning </dd> </dl> <h3> </body> </html> </dl> </html>
Ausgabe:
Fazit –?HTML-Beschreibungsliste
Wir hoffen, dass dieser Artikel über Definitionslisten oder auch Glossarlisten als Leitfaden dienen kann, um einige der verfügbaren Verwendungsm?glichkeiten von Definitionslisten aufzuzeigen. Wir haben ein grundlegendes Verst?ndnis dafür gesehen, wie diese genutzt werden k?nnen, um eine nützliche Zusammenarbeit zwischen Informationsschnipseln zu entwickeln. Das Google-Glossar zeigt beispielsweise, wie aussagekr?ftige Informationen markiert und auf vielf?ltige Weise auf einer Webseite verwendet werden k?nnen. Sie verfügen über zukünftige Funktionen, bei denen einige Websites Semantik verwenden, um ihre Daten attraktiver zu gestalten und die bereitgestellten Informationen so einfach und flexibel wiederzuverwenden.
Das obige ist der detaillierte Inhalt vonHTML-Beschreibungsliste. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Hei?e KI -Werkzeuge
Undress AI Tool
Ausziehbilder kostenlos
Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos
AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.
Clothoff.io
KI-Kleiderentferner
Video Face Swap
Tauschen Sie Gesichter in jedem Video mühelos mit unserem v?llig kostenlosen KI-Gesichtstausch-Tool aus!
Hei?er Artikel
Hei?e Werkzeuge
Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor
SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen
Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung
Dreamweaver CS6
Visuelle Webentwicklungstools
SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)
Warum wird mein Bild nicht in HTML angezeigt?
Jul 28, 2025 am 02:08 AM
Das nicht angezeigte Bild wird normalerweise durch einen falschen Dateipfad, einen falschen Dateinamen oder eine falsche Erweiterung, HTML -Syntaxprobleme oder einen Browser -Cache verursacht. 1. Stellen Sie sicher, dass der SRC -Pfad mit dem tats?chlichen Speicherort der Datei übereinstimmt, und verwenden Sie den richtigen relativen Pfad. 2. überprüfen Sie, ob der Fall und die Erweiterung des Dateinamens genau übereinstimmen, und überprüfen Sie, ob das Bild durch direktes Eingeben der URL geladen werden kann. 3. überprüfen Sie, ob die IMG -Tag -Syntax korrekt ist. Stellen Sie sicher, dass es keine redundanten Zeichen gibt und der Alt -Attributwert angemessen ist. 4. Versuchen Sie, die Seite zu aktualisieren, den Cache zu l?schen oder den Inkognito -Modus zu verwenden, um Cache -Interferenzen zu beseitigen. Fehlerbehebung in dieser Reihenfolge kann die meisten Probleme mit HTML -Bildanzeigen l?sen.
K?nnen Sie ein -Tag in ein anderes -Tag einfügen?
Jul 27, 2025 am 04:15 AM
?youcannotnestTagsinsideanotagbecauses's'sinvalidhtml; browsersauutomatisch -closethefirstbeerextenext, resultierendinseparateparagraphs.?instead, useInLineElements, oder
Wie erstelle ich eine ungeordnete Liste in HTML?
Jul 30, 2025 am 04:50 AM
Um eine nicht ordnungsgem??e HTML -Liste zu erstellen, müssen Sie ein Tag verwenden, um einen Listencontainer zu definieren. Jedes Listenelement ist mit einem Tag verpackt, und der Browser fügt automatisch Kugeln hinzu. 1. Erstellen Sie eine Liste mit einem Tag; 2. Jedes Listenelement ist mit einem Tag definiert. 3. Der Browser generiert automatisch Standard -Punkt -Symbole. 4. Unterverschiedene k?nnen durch Verschachtelung implementiert werden. 5. Verwenden Sie das Attribut vom Typ Listenstil von CSS, um den Symbolstil wie Scheibe, Kreis, Quadrat oder keine zu ?ndern. Verwenden Sie diese Tags korrekt, um eine nicht ordnungsgem??e Standardliste zu generieren.
Wie benutze ich das inhaltliche Attribut?
Jul 28, 2025 am 02:24 AM
TheContententitableAttributemakesAnyhtmlelementedableByAddingCentabled = "true", und das Erlaubnis für die Erlaubnis, dass es, dass in der Lage ist
Die Bedeutung der semantischen HTML für SEO und Barrierefreiheit
Jul 30, 2025 am 05:05 AM
SemantichtmlimprovesbothseoandAccessibilityByuseing -meaningfulTagSthatConveyContentStructure.1) iTenhancesseothroughbetterContentHierarchyWithProperHeadinglevels, verbesserteIndexingviaelementSlikaND und -SupportforrichsnippetsususingStrostStrostStrostStrostStrostStrostStrostaustaustaustrota.2)
Definieren von benutzerdefinierten Vokabeln mit HTML5 Schema.org Markup.
Jul 31, 2025 am 10:50 AM
Das Schema.org -Tag hilft Suchmaschinen, das strukturierte Datenformat von Webseiteninhalten über semantische Tags (z. B. Elementumfang, Elementtyp, ElementProp) zu verstehen. Es kann verwendet werden, um benutzerdefiniertes Vokabular zu definieren. Zu den Methoden geh?ren die Erweiterung vorhandener Typen oder die Einführung neuer Typen mithilfe von zus?tzlichem Typ. In den tats?chlichen Anwendungen sind die Struktur klar, priorisieren Sie die Verwendung offizieller Attribute, die Gültigkeit des Codes und stellen sicher, dass benutzerdefinierte Typen zug?nglich sind. Zu den Vorsichtsma?nahmen geh?ren das Akzeptieren der teilweisen Unterstützung, die Vermeidung von Rechtschreibfehlern und die Auswahl eines geeigneten Formats wie JSON-LD.
So erstellen Sie ein Sucheingangsfeld in einem HTML -Formular
Aug 02, 2025 pm 04:44 PM
UsTheelementWitHinatagTocreateEmanticSearchfield.2.IncludeaForAccessibility, settheform'Saction undMethod = "AttributestosendDatoAsearchendPointWithasharableUrl.
Was ist der Zweck des REL -Attributs in einem Link -Tag in HTML?
Aug 03, 2025 pm 04:50 PM
rel = "styleSheet" linkScssFilesforstylingThePage; 2.rel = "vorlad" HintStopreloadcriticalResourcesForperformance; 3.rel = "icon" setStheWebsit'sfavicon;
