MDN Web Docs
developer.mozilla.org › en-US › docs › Web › HTML › Reference › Elements › dl
<dl>: The Description List element - HTML - MDN Web Docs
The HTML element represents a description list. The element encloses a list of groups of terms (specified using the element) and descriptions (provided by elements). Common uses for this element are to implement a glossary or to display metadata (a list of key-value pairs).
W3Schools
w3schools.com › tags › tag_dl.asp
HTML dl tag
The <dl> tag defines a description list. The <dl> tag is used in conjunction with <dt> (defines terms/names) and <dd> (describes each term/name). The <dl> tag also supports the Global Attributes in HTML.
Videos
00:53
HTML Description Lists Explained #Shorts #htmltutorial - YouTube
05:16
✅ HTML Description List Example with Line-by-line Explained Coding ...
03:00
How to use Description List Tag in Html - dl tag in html { HTML5 ...
14. Description Lists in HTML. Understand about dl, dt, dd elements ...
03:57
HTML Description Lists - Full HTML/CSS/JS Course - YouTube
06:35
Learn HTML lists in 6 minutes! 📄 - YouTube
GeeksforGeeks
geeksforgeeks.org › html › explain-description-lists-in-html
Explain Description Lists in HTML - GeeksforGeeks
August 5, 2025 - An HTML description list is a list of terms, with a description of each term. The HTML description list is represented as <dl>. Lists in HTML are used for specifying particular information in list form.
Programiz
programiz.com › html › description-list
HTML Description List (With Examples)
We use the HTML description list to create a list where list items include terms and descriptions of the term.
W3C
w3.org › TR › WCAG20-TECHS › H40.html
H40: Using description lists | Techniques for WCAG 2.0
The objective of this technique is to provide the description of names or terms by presenting them in a description list. The list is marked up using the dl element. Within the list, each term is put in a separate dt element, and its description goes in the dd element directly following it.
GeeksforGeeks
geeksforgeeks.org › html › html-description-lists
HTML Description Lists - GeeksforGeeks
December 16, 2024 - A nested description list is when we add a description list inside another description list. This allows for organizing related terms and their definitions in a hierarchical structure, as demonstrated in the example: ... <!DOCTYPE html> <html> <head> <title>Nested Description List</title> </head> <body> <h3>Technology Overview</h3> <dl> <dt>Hardware</dt> <dd>Physical devices</dd> <dd> <dl> <!-- Nested Description List for Hardware Types --> <dt>CPUs</dt> <dd>Processors</dd> <dt>GPUs</dt> <dd>Graphics</dd> </dl> </dd> <dt>Software</dt> <dd>Programs/Apps</dd> <dd> <dl> <!-- Nested Description List for Software Types --> <dt>System</dt> <dd>OS</dd> <dt>Application</dt> <dd>Tools</dd> </dl> </dd> </dl> </body> </html>
W3C
w3.org › WAI › WCAG21 › Techniques › html › H40
H40: Using description lists | WAI | W3C
This technique applies to HTML. The objective of this technique is to provide the description of names or terms by presenting them in a description list. The list is marked up using the dl element. Within the list, each term is put in a separate dt element, and its description goes in the dd ...
W3Schools
w3schools.com › html › html_lists_other.asp
HTML Other Lists
A description list is a list of terms, with a description of each term.
Oidaisdes
oidaisdes.org › blog › description-list-html-element
How the Description List Element improves Accessibility and the Developer Experience
April 2, 2023 - The element’s definition was changed in HTML5, making it more versatile: The dl element represents an association list consisting of zero or more name-value groups (a description list).
DhiWise
dhiwise.com › post › html-description-lists-explained-everything-you-need-to-know
Mastering HTML Description Lists: A Comprehensive Guide
September 4, 2024 - A description list, also known as a definition list in HTML, is a collection of terms and their corresponding definitions.
W3C
w3c.github.io › html-reference › dl.html
dl – description list - HTML5
The dl element represents a description list, which consists of zero or more term-description (name-value) groupings; each grouping associates one or more terms/names (the contents of dt elements) with one or more descriptions/values (the contents of dd elements). interface HTMLDListElement ...
CSS-Tricks
css-tricks.com › utilizing-the-underused-but-semantically-awesome-definition-list
Utilizing the Underused (But Semantically Awesome) Definition List | CSS-Tricks
October 23, 2021 - Now let’s take a crack at re-writing this content using definition lists. We know we can wrap the whole thing in a container now keeping everything together. We know we can set the titles as Definition Terms. But what about that description? The best way, semantically, would be to include all of that into a single Definition Description element…and we can!
LabEx
labex.io › tutorials › html-html-description-list-70745
Mastering HTML Description Lists | LabEx
In this lab, you learned how to use the <dl> tag in HTML to create a description list with terms and definitions. By using the <dt> and <dd> tags, you were able to define your terms and provide explanations for each one.
GeeksforGeeks
geeksforgeeks.org › html › html-dl-tag
HTML dl Tag - GeeksforGeeks
July 11, 2025 - This tag is used with <dt> and <dd> tag to create a list of terms and their associated descriptions. ... <!DOCTYPE html> <html> <body> <h2>dl Tag</h2> <dl> <dt>Item 1</dt> <dd>This is description for item 1</dd> <dt>Item 2</dt> <dd>This is ...
TutorialsPoint
tutorialspoint.com › how-to-add-description-list-of-an-element-using-html
How to add description list of an element using HTML?
In this article, we had a brief look at the tags <dl>, <dt> and <dd>. We also understood how we can use these tags to add a description list to an element in HTML.
Benmeadowcroft
benmeadowcroft.com › webdev › articles › definition-lists
Definition Lists. <DL>, <DT> and <DD> - BenMeadowcroft.com
This section provides a few examples of how you can use definition lists. The markup to define a single definition is fairly simple. <dl> <dt>Cascading Style Sheets</dt> <dd>Style sheets are used to provide presentational suggestions for structured documents marked up in XML or HTML. </dd> </dl> You can also use block level elements in the definition description.
Tutorialspoint
tutorialspoint.com › html › html_definition_lists.htm
HTML - Definition Lists
A description list is defined by tag along with the and tags. Where tag defines the definition term, and tag defines the corresponding definition. HTML definition lists define list items having the structure of terms and their corresponding
WebPlatform
webplatform.github.io › docs › html › elements › dl
dl – description list · WebPlatform Docs
A description list is always wrapped by a single dl element. Inside that element you can place any number of child description topics, inside dt elements, and description definitions — the description or definition of the specified terms or topics — inside dd elements.
W3Schools
w3schools.com › html › tryit.asp
A Description List
The W3Schools online code editor allows you to edit code and view the result in your browser