HTML description lists are used to display terms and their descriptions in a structured format.
They are commonly used for definitions, FAQs, glossaries, product specifications, and key–value type content.
The <dl>, <dt>, and <dd> Tags
HTML description lists are created using three tags:
- <dl> defines the description list
- <dt> defines the term or name
- <dd> defines the description of the term
In this example:
- <dt> represents the term
- <dd> represents the description
- The browser displays terms and descriptions in a readable format
Using Description Lists for FAQs
Description lists are ideal for FAQ sections where each question has a corresponding answer.
This structure keeps questions and answers clearly associated and easy to read.
It also improves accessibility and content clarity.
Best Practices for Description Lists
- Use description lists only when content fits term–description format
- Keep descriptions clear and concise
- Avoid using lists for layout purposes
- Combine with CSS for better presentation
Why Description Lists Matter for Jobs
Description lists are used in documentation, FAQs, and product details.
Knowing when to use <dl>, <dt>, and <dd> shows strong understanding of semantic HTML.
Practice Task
Create a description list explaining three web technologies such as HTML, CSS, and JavaScript.
What You Will Learn Next
In the next lesson, you will learn best practices for using links, images, and lists together in real-world websites.