Citing the W3C spec:
The dl element represents an association list consisting of zero or more name-value groups (a description list). Each group must consist of one or more names (dt elements) followed by one or more values (dd elements). Within a single dl element, there should not be more than one dt element for each name.
So the main reason for the <dl>, <dt> and <dd> tags are to preserve the semantic connection for those name-value pairs, which would get lost, if you just used nested lists.
If you use nested lists, this could be done for various reasons (currently, e.g., many menus are structured into nested lists) and crawlers or any other system, that respects semantic annotations, would not be able to tell the difference.
If you use the above tags, however, a system can see the connection and act accordingly. So a future use maybe to extract all definitions of terms inside a larger document to create some kind of glossary.
Answer from Sirko on Stack OverflowW3Schools
w3schools.com › tags › tag_dl.asp
HTML dl tag
The <dl> tag is used in conjunction with <dt> (defines terms/names) and <dd> (describes each term/name).
MDN Web Docs
developer.mozilla.org › en-US › docs › Web › HTML › Reference › Elements › dl
<dl>: The Description List element - HTML | MDN
The <dl> HTML element represents a description list. The element encloses a list of groups of terms (specified using the <dt> element) and descriptions (provided by <dd> elements). Common uses for this element are to implement a glossary or to display metadata (a list of key-value pairs).
Where is useful or better than ul the dl dd dt tags
Like Coffee Black hot drink Milk White cold drink Where is useful to use it more than ul tag? Any practive to usage? Or why is good to use? Or what write with this on a website what list? With this can write an open close hours list? Like Sunday Closed etc 😃 ? Or at what purpose good to ... More on forum.freecodecamp.org
0
0
June 23, 2019html - What's the tag for? - Stack Overflow
Bring the best of human thought and AI automation together at your work. Explore Stack Internal ... Save this question. Show activity on this post. Is there any logical reason for using the , and tags instead of nested, CSS-styled
- and
- tags?
I am confused about usage of description (definition) lists in HTM
Another option would be to use a heading for "Balance" and then a definition list for the currencies. For accessibility, headings are preffered as they can be used to navigate. A heading like "balance", to me, seems important enough that it should be a heading. More on reddit.com
8
1
November 2, 2023Using Beautiful Soup to find "dl", "dt", and "db" tags
Also, is there a way to search html for a class name? Of course there is, that's what makes BeautifulSoup so powerful, you would do something like this if you knew there was only one element with that particular class name soup = BeautifulSoup(r.text, 'lxml') your_variable_name = soup.find('TAG_YOU'RE_LOOKING_FOR', {'class': 'NAME_OF_THE_CLASS'}).text or if you were looking for all the elements with a particular class name, you would do something like this soup = BeautifulSoup(r.text, 'lxml') your_variable_name = soup.find_all('TAG_YOU'RE_LOOKING_FOR', {'class': 'NAME_OF_THE_CLASS'}) More on reddit.com
3
1
May 18, 2020Q1. What is the HTML dl tag?
Ans: The HTML dl tag is a description list that contains terms along with their description or definitions.
pwskills.com
pwskills.com › blog › web development › html dl tag – html description list
HTML Dl Tag - HTML Description List
Q3. What is the syntax of the HTML dl tag?
Ans: The HTML dl tag is represented using the
pwskills.com
pwskills.com › blog › web development › html dl tag – html description list
HTML Dl Tag - HTML Description List
Q4. How many terms can I use in HTML dl tags?
Ans: There are no limitation of terms and descriptions which you can keep inside your html dl tags.
pwskills.com
pwskills.com › blog › web development › html dl tag – html description list
HTML Dl Tag - HTML Description List
Videos
03:00
How to use Description List Tag in Html - dl tag in html { HTML5 ...
03:30
dl dt and dd tags in HTML - YouTube
01:00
HTML Definition List | HTML dl Tag | #html #shorts 19 🚀 - YouTube
04:07
Averigua qué es DL (etiqueta) en HTML: Qué es y Cuál es su ...
02:47
31 HTML definition lists | HTML dl tag | HTML dt tag | HTML dd ...
05:20
HTML dl Tag | Definition Lists - HTML Tutorial 33 🚀 - YouTube
GeeksforGeeks
geeksforgeeks.org › html › html-dl-tag
HTML dl Tag - GeeksforGeeks
July 11, 2025 - <!DOCTYPE html> <html lang="en"> <head> <style> dl { background: #fff; border: 1px solid #ccc; border-radius: 5px; padding: 15px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); } dt { font-weight: bold; color: #2c3e50; margin-top: 10px; } dd { margin-left: 20px; color: #34495e; margin-bottom: 10px; } </style> </head> <body> <h1>Fruits</h1> <dl> <dt>Apple</dt> <dd> A sweet, edible fruit produced by an apple tree. </dd> <dt>Banana</dt> <dd> A long, curved fruit that grows in clusters and has soft, pulpy flesh and yellow skin when ripe. </dd> <dt>Cherry</dt> <dd>A small, round fruit that is typically red or black and has a pit in the center. </dd> </dl> </body> </html>
PW Skills
pwskills.com › blog › web development › html dl tag – html description list
HTML Dl Tag - HTML Description List
November 4, 2025 - The HTML dl tag is a description list that displays descriptions of single or multiple terms in a list. The dl tag is used with the dt and dd tags, which hold each term and description in the list.
Scaler
scaler.com › topics › dl-tag-in-html
<dl> Tag in HTML - Scaler Topics
January 12, 2024 - Scaler Topics offers free certificate courses for all programming languages like Java, Python, C, C++, DSA etc. Learn from top MAANG experts and level up your skills. Explore now
W3C
w3.org › TR › 2011 › WD-html5-author-20110809 › the-dl-element.html
4.5.8 The dl element — HTML5: Edition for Web Authors
In the following example, one entry ("Authors") is linked to two values ("John" and "Luke"). <dl> <dt> Authors <dd> John <dd> Luke <dt> Editor <dd> Frank </dl>
Educative
educative.io › answers › what-is-the-dl-element-in-html
What is the <dl> element in HTML?
The <dl> tag stands for description list.
freeCodeCamp
forum.freecodecamp.org › html-css
Where is useful or better than ul the dl dd dt tags - HTML-CSS - The freeCodeCamp Forum
June 23, 2019 - Like <dl> <dt>Coffee</dt> <dd>Black hot drink</dd> <dt>Milk</dt> <dd>White cold drink</dd> </dl> Where is useful to use it more than ul tag? Any practive to usage? Or why is good to use? Or what write with this on a w…
Top answer 1 of 3
40
Citing the W3C spec:
The dl element represents an association list consisting of zero or more name-value groups (a description list). Each group must consist of one or more names (dt elements) followed by one or more values (dd elements). Within a single dl element, there should not be more than one dt element for each name.
So the main reason for the <dl>, <dt> and <dd> tags are to preserve the semantic connection for those name-value pairs, which would get lost, if you just used nested lists.
If you use nested lists, this could be done for various reasons (currently, e.g., many menus are structured into nested lists) and crawlers or any other system, that respects semantic annotations, would not be able to tell the difference.
If you use the above tags, however, a system can see the connection and act accordingly. So a future use maybe to extract all definitions of terms inside a larger document to create some kind of glossary.
2 of 3
17
DL
A definition list is the container element for DT and DD elements. The DL element should be used when you want incorporate a definition of a term in your document, it is often used in glossaries to define many terms, it is also used in “normal” documents when the author wishes to explain a term in a more detail (Like this definition).
DT The term currently being defined in the definition list. This element contains inline data.
DD The definition description element contains data that describes a definition term. This data may be either inline, or it may be block level.
DT The term currently being defined in the definition list. This element contains inline data.
DD The definition description element contains data that describes a definition term. This data may be either inline, or it may be block level.
Dremendo
dremendo.com › html-tutorial › html-description-list-tag
Description List in HTML | Dremendo
A description list in HTML displays a list of terms and their corresponding definitions. The dl tag is used to define a description list. The description list tag is usually used with two other tags: dt and dd.
W3Schools
w3schools.com › html › html_lists_other.asp
HTML Other Lists
The <dl> tag defines the description list, the <dt> tag defines the term (name), and the <dd> tag describes each term: <dl> <dt>Coffee</dt> <dd>- black hot drink</dd> <dt>Milk</dt> <dd>- white cold drink</dd> </dl> Try it Yourself » · Use ...
Lenovo
lenovo.com › home
HTML dl Tag Explained: Create Organized Description Lists | Lenovo US
Because it separates content into easily identifiable segments, it works well with media queries and other responsive design principles, ensuring that your list displays correctly on various devices. The HTML <dl>tag is used for description lists, <ul>creates unordered lists, and <ol generates ...
TechOnTheNet
techonthenet.com › html › elements › dl_tag.php
HTML: <dl> tag
The HTML <dl> tag is used to define a description list in the HTML document. A description list is a list of grouped terms (found within the <dt> tag) and a corresponding description (found within the <dd> tag).
DotFactory
dofactory.com › html › dl
HTML dl Tag
The <dl> tag is used to define a description list, similar to a dictionary with item/description pairs. The items below are the tags used to create an HTML description list.
Medium
bloycey.medium.com › how-to-style-dl-dt-and-dd-html-tags-ced1229deda0
How to style dl, dt, and dd HTML tags | by Andrew Bloyce | Medium
December 22, 2021 - In short “dl” stands for “Definition List” and is useful anywhere you might use a label and a definition. The problem is that the raw HTML implementation of <dl> doesn’t quite have the layout that you might expect.
Tutorialspoint
tutorialspoint.com › html › html_dl_tag.htm
HTML - <dl> Tag
In the example below, we create a description list using the <dl> tag, which contains a term (<dt>) and a description (<dd>) − · <!DOCTYPE html> <html lang="en"> <head> <title>HTML dl Tag</title> </head> <body> <!--create a description list--> <dl> <dt>HTML</dt> <dd> HTML stands for Hyper Text Markup Language.
Codecademy
codecademy.com › docs › html › elements
HTML | Elements | <dl> | Codecademy
July 1, 2022 - Start at the beginning by learning HTML basics — an important foundation for building and editing web pages. ... Inside the <dl> element, one or more <dt> and <dd> elements can be used. Note: For Apple VoiceOver, the <dl> tag will be recognized and announced as a “list” on macOS devices whereas it will not be recognized on iOS devices.
A11ysupport
a11ysupport.io › tech › html › dl_element
dl_element (html) | Accessibility Support
Description list element. See the related dt element and the dd element for more information. The dl element and its associated dt and dd elements have poor to non-existent support.
GeeksforGeeks
geeksforgeeks.org › html › explain-description-lists-in-html
Explain Description Lists in HTML - GeeksforGeeks
August 5, 2025 - In <dl> tag we have description terms it is represented as <dt> tag Here we do not use li tag as Other Lists. In <dt> write the terms of the data.
W3C
w3c.github.io › html-reference › dl.html
dl – description list - HTML5
The dl element represents a description list.