CODEWITHSUNDEEP
htmlmarkupsemantics
meleyal
meleyal

Reputation: 33310

Is it correct to nest HTML definition lists (<dl>)?

Is it semantically correct to nest definition lists, or should they simply be a 'flat list of name/value pairs'.

The specs don't seem to forbid it.

Further to this question.

Upvotes: 45

Views: 17778

Answers (5)

Daniel
Daniel

Reputation: 1

I solved that by replacing nested definition lists by unordered or ordered list, eg.

<dl>
  <dd>Black hot drink</dd>
  <ul>
    <dd>White cold drink</dd>
    <ol>
      <dd>Red sweet drink</dd>
    </ol>
  </ul>
</dl>

Upvotes: -2

annakata
annakata

Reputation: 75844

Interesting question.

It's true that DefLists are intended to represent Keys and Values, but the multiplicity on those isn't 1 it's 1+. If that complexity is allowed, and bearing in mind that dt's are inline, I see no semantic problem with representing defining something in terms of a tree of other things.

Upvotes: 0

Yuliy
Yuliy

Reputation: 17718

Well the spec seems to allow it, provided that only the <dd> contains nested lists. The spec states that a <dt> is an inline element, so it can't contain a nested list. A <dd> is a block element, so an inner list inside one of these is fine.

Upvotes: 53

Marius
Marius

Reputation: 58931

If it works in all the browsers, then do it.

I know this might be controversial, and a lot of people will probably tell you it isn't the way it's supposed to be used. The unwritten rules of webdesign, like using lists for almost anything, are just what people have decided to do. There is no reason why you should be using float (which purpose is to float an image inside a block of text) to layout every little detail on a website. But if you try to use tables you are an apparently an idiot from the pre-bubble era, and you have no idea how to design.

So, do what you want to do, and don't make things more complicated just to fix the problem.

Upvotes: -8

Rob Kennedy
Rob Kennedy

Reputation: 163297

Sure. There's nothing wrong with nested DLs. You can semantically have "subdefinitions."

Upvotes: 5

Related Questions