Description Lists
6 min read
Definition and Description Lists
The <dl> (description list) element is used for name-value pairs — like a glossary, FAQ, or metadata display. It contains <dt> (description term) and <dd> (description detail) pairs.
html
<dl>
<dt>HTML</dt>
<dd>HyperText Markup Language — the structure of web pages.</dd>
<dt>CSS</dt>
<dd>Cascading Style Sheets — controls the visual appearance.</dd>
<dt>JavaScript</dt>
<dd>A programming language that adds interactivity to web pages.</dd>
</dl>One <dt> can have multiple <dd> children, and multiple <dt> elements can share one <dd>. This flexibility makes <dl> ideal for displaying key-value pairs in a structured, semantic way.
Do not use <dl> just for visual indentation. Use it only when the content genuinely represents terms and their descriptions.
Ready to test yourself?
Practice HTML— quiz & coding exercises