HTML Definition Lists
Definition lists (<dl>) are often overlooked but are essential for semantic HTML. They pair terms with descriptions.
The Structure
The parent element is <dl>. Inside, you must have pairs of <dt> (Definition Term) and <dd> (Definition Description).
Relationships
A single term can have multiple descriptions (e.g., a word with multiple meanings). Conversely, multiple terms can share a single description (e.g., synonyms).
Styling
By default, browsers indent the <dd> element to visually separate it from the term. You can customize this with CSS to create key-value grids or modern layouts.
View Full Transcript+
This section contains the detailed breakdown of the definition list lifecycle, including the semantic implications for screen readers and search engines. It details how dt acts as a header for the dd content.