telexed ~ c / 8db34c01-35aradar:40 · otherLIVE
← back
NO.
#8db34c01
Topic
OTHER
Source
GeekNews
Published
2026-05-24 10:40:35
Importance
★ 4/10 — radar 40
Use HTML `<dl>` for Name-Value UI Patterns
FIG-0081:1

Use HTML `<dl>` for Name-Value UI Patterns

<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.

[ KEY POINTS ]
  1. <dl> represents a list of name-value pairs, not just a dictionary-style glossary.
  2. Good fits include amenities, billing line items, technical terms, and product spec rows where labels and values repeat.
  3. Using <dt> for names and <dd> for values keeps UI markup semantic without adding custom div-heavy structure.
Originalnews.hada.io/topic?id=29821Read original →

// related