Semantic Definition List

January 2012 ยท 1 minute read

I have always felt awkward using the definition list DL markup because of its lack of structure. Especially when using the definition term DT and definition description DD tags. They have no association to one another other than the order they appear.

You can see how there are 3 groups of terms and descriptions, but semantically they are not grouped together. I propose using a pre-existing list-related element to group each together. The list item LI tags makes the most semantic sense even though its only allowed with ordered and unordered lists.

Now each term and description are grouped together as a single entity while still retaining the semantics of the definition list.

DISCLAIMER: This is a proposed solution to a problem I see, but it is not valid HTML to use. Please do not use this!