On The <dl>

The humble web tag sparked nostalgia, nitpicks, and a tiny identity crisis

TLDR: The article says an old built-in web tag is a better, clearer way to show label-and-detail info than piles of generic boxes, especially for accessibility. Commenters turned that into a mini-drama about web history, weird wrapping rules, and the shame of realizing they’d been calling it the wrong thing for years.

A surprisingly spicy fight has broken out over one of the web’s most boring-looking building blocks: the description list, a simple way to pair labels with details like “Author: Ethan Marcotte” or “Rent: $1,200.” The article argues this old-school tag is the right way to mark up everyday info cards, glossaries, amenities, and other label-and-value layouts instead of stacking endless generic boxes. In plain English: the web has a built-in tool for this, and many people have apparently been ignoring it.

That set off a very online mix of “wow, neat,” “actually, this is ancient,” and “hold on, the rules are weird.” One reader wanted more layout examples because they’re still trained to think of div tags as glorified moving boxes. Another came in with full internet historian energy, basically saying: excuse me, this tag has been here forever, even back in the prehistoric era of table-based web design. Meanwhile, one commenter delivered the most relatable nerd joy imaginable, describing the first time they used it as the satisfying feeling of finally using the right tool for the job.

But the comments weren’t all wholesome. There was low-stakes drama over whether only a div can wrap these pairs, with one semantic-purity fan sounding personally offended by the limitation. And the biggest accidental comedy moment? A veteran reader realizing they’d been calling it the wrong thing for a decade. So yes: a tiny HTML tag just triggered nostalgia, accessibility debates, and a full-on “today I learned” confession booth.

Key Points

  • The article describes `<dl>` as an HTML element for representing lists of name–value pairs.
  • It explains that description lists are built with `<dl>`, `<dt>` for terms, and `<dd>` for details.
  • A single `<dt>` can be associated with multiple `<dd>` elements when one term has multiple values.
  • The article states that a `<dt>` and its related `<dd>` elements may be wrapped in a `<div>` for styling, and identifies that wrapper as the only allowed grouping element.
  • It contrasts semantic description lists with nested `<div>` structures and highlights potential accessibility benefits when screen readers can recognize the pattern.

Hottest takes

"part of HTML before 2.0 back in the days of table layout" — Telemakhos
"that satisfying feeling of using the right tool for the job" — rickstanley
"TIL I’ve been naming it wrong for a decade" — captn3m0
Made with <3 by @siedrix and @shesho from CDMX. Powered by Forge&Hive.