#0001
Use HTML `<dl>` for Name-Value UI Patterns
40radar
<dl> is the semantic HTML element for name-value pairs. It fits amenities, invoices, specs, and glossary UIs, so it is a small but useful accessibility and markup habit.
<dl>represents a list of name-value pairs, not just a dictionary-style glossary.- Good fits include amenities, billing line items, technical terms, and product spec rows where labels and values repeat.
- Using
<dt>for names and<dd>for values keeps UI markup semantic without adding custom div-heavy structure.
Source: news.hada.io/topic?id=29821Read original →