W3Schools
w3schools.com › tags › tag_dd.asp
HTML dd tag
The <dd> tag is used in conjunction with <dl> (defines a description list) and <dt> (defines terms/names). Inside a <dd> tag you can put paragraphs, line breaks, images, links, lists, etc. The <dd> tag also supports the Global Attributes in HTML.
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 ...
Videos
MDN Web Docs
developer.mozilla.org › en-US › docs › Web › HTML › Reference › Elements › dl
<dl>: The Description List element - HTML | MDN
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).
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 › 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.
A11ysupport
a11ysupport.io › tech › html › dl_element
dl element (description list) (html)
A screen reader might convey the position of each item in the list as something like "x of y" where y is the number of items in the list. A screen reader might convey each term and description pair as a single item, or as separate items.
DhiWise
dhiwise.com › post › html-description-lists-explained-everything-you-need-to-know
Mastering HTML Description Lists: A Comprehensive Guide
September 4, 2024 - Unlike unordered lists, which are used for listing items without any particular order, description lists are designed to present a series of terms and their descriptions in a way that is easy to read and understand. Creating an HTML description list is straightforward and involves depicting 'list items' as pairs of 'definition term' and 'definition description'.
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.
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!
Tutorialspoint
tutorialspoint.com › html › html_definition_lists.htm
HTML - Definition Lists
A description list is defined by <dl> tag along with the <dt> and <dd> tags. Where <dt> tag defines the definition term, and <dd> tag defines the corresponding definition. HTML definition lists define list items having the structure of terms and their corresponding definitions.
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.
W3Schools
w3schools.com › tags
HTML Reference
<!--> <!DOCTYPE> <a> <abbr> <acronym> <address> <applet> <area> <article> <aside> <audio> <b> <base> <basefont> <bdi> <bdo> <big> <blockquote> <body> <br> <button> <canvas> <caption> <center> <cite> <code> <col> <colgroup> <data> <datalist> <dd> <del> <details> <dfn> <dialog> <dir> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <font> <footer> <form> <frame> <frameset> <h1> - <h6> <head> <header> <hgroup> <hr> <html> <i> <iframe> <img> <input> <ins> <kbd> <label> <legend> <li> <link> <main> <map> <mark> <menu> <meta> <meter> <nav> <noframes> <noscript> <object> <ol> <optgroup> <
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.
Accessible Web
accessibleweb.com › home › knowledge base › what are description lists?
What are description lists? | Accessible Web
September 9, 2025 - This is done by utilizing the description list element (<dl>) to contain all of the description term elements (<dt>) that are each followed by the related description elements (<dd>).
CodeWithHarry
codewithharry.com › tutorial › html-definition-list-tutorial
Definition Lists | HTML Tutorial | CodeWithHarry
A Definition List in HTML is used to represent a list of terms along with their corresponding descriptions or 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 ...
Oidaisdes
oidaisdes.org › description-list-html-element.en
How the Description List Element improves Accessibility and the Developer Experience
April 1, 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).
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-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>
W3Schools
w3schools.com › html › html_lists.asp
HTML Lists
The list items will be marked with numbers by default: <ol> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ol> Try it Yourself » · HTML also supports description lists. A description list is a list of terms, with a description of each term.