Content display / The visual dictionary

Definition list.

A set of terms paired with their descriptions or values.

Also calleddescription listkey-value list
01

See it in context

UI illustration
Format
SVG
Dimensions
1440 × 900
Color space
sRGB

A definition list makes term-value relationships explicit without forcing them into a multi-column table. It works well for specifications, metadata, and short glossary entries.

When to use it

Use for one item’s attributes or a set of definitions.

Know the difference

A definition list pairs terms and values; a table compares values across multiple records.

WebiOSiPadOSAndroidmacOSWindowsLinuxvisionOS

iOS · iPadOS · macOS · visionOS

Use the native platform presentation and terminology; adapt density and interaction to touch, pointer, remote, or spatial input rather than copying a phone-sized view.

Web · Android · Windows · Linux

Use semantic content structures on the web. Touch, pointer, and remote layouts need different target spacing even when the same information is shown.

Primary documentation for the pattern and its platform conventions.