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 Overflow
🌐
W3Schools
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).
🌐
Scaler
scaler.com › topics › dl-tag-in-html
<dl> Tag in HTML - Scaler Topics
January 12, 2024 - The "dl" HTML element creates description lists, pairing "dl" for terms and "dl" for definitions. Commonly applied in glossaries or metadata, these tags—"dl","dl", and "dl"—organize content in a structured format, mimicking a dictionary ...
🌐
Oregoom
oregoom.com › home › the tag in html
▷ The DL tag in HTML → 【 How to use in HTML5 】
October 20, 2024 - <dl> <dt>Term 1</dt> <dd>Definition 1</dd> <dt>Term 2</dt> <dd>Definition 2</dd> <dt>Term 3</dt> <dd>Definition 3</dd> </dl> Code language: HTML, XML (xml) Here, <dt> represents a term in the definition list, and <dd> represents the corresponding definition. You can add as many terms and definitions as you want in the list. Additionally, you can nest other HTML elements within the <dt> and <dd> tags.
🌐
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.
🌐
HTML.com
html.com › tags › dl
<dl> HTML Tag »
July 3, 2017 - The description list allows you to create a list of terms and then provide one or more descriptions for each term. In HTML 4, the <dl> tag defined a “definition list.” But in HTML5, this has been changed to “description list.” This change ...
🌐
W3docs
w3docs.com › learn-html › html-dl-tag.html
HTML dl Tag - Learn HTML | W3Docs
The <dl> tag defines a list of definitions/descriptions (learn more about HTML lists). It is used with the <dd> and <dt> tags. The <dl> tag creates a list, the <dt> tag specifies the term, and the <dd> tag specifies the description of the term.
🌐
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).
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.

Find elsewhere
🌐
Tutorial Republic
tutorialrepublic.com › html-reference › html-dl-tag.php
HTML dl Tag - Tutorial Republic
The term is given by the <dt> element and can only contains inline-level elements. The description is given with a <dd> element that can contains block-level elements. The following table summarizes the usages context and the version history of this tag. ... HTML / XHTML: <dl> ...
🌐
Holistic SEO
holisticseo.digital › holistic seo › techseo › html tag definition, usage and examples
HTML <dl> Tag Definition, Usage and Examples - Holistic SEO
December 15, 2022 - 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 which is the list of key-value pairs. The web developer should define a list of descriptions before using the <dl> HTML tag. The <dl> HTML Tag should not be used to indent a page.
🌐
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…
🌐
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).
🌐
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>
🌐
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.
🌐
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 ...
🌐
The Webmaster
thewebmaster.com › html › tags › dl
HTML dl Tag
The <dl> tag is used to define a description list. This element encloses a group of description terms (<dt>) along with their definition description (<dd>). <dl> <dt>HTML</dt> <dd>HTML is short for Hypertext Markup Language and is the standard markup language used when creating web pages.</dd> ...
🌐
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.
🌐
Quackit
quackit.com › html › html_4 › tags › html_dl_tag.cfm
HTML 4 dl Tag
HTML 4 dl tag - the HTML tag for declaring a definition list.
🌐
W3Schools
w3schools.com › tags › tryit.asp
W3Schools online HTML editor
The W3Schools online code editor allows you to edit code and view the result in your browser