views:

424

answers:

2

I want to build a questions and answers page.

It is not a list, it is not tabular data and I am not sure if or how I should use <dl><dt><dd>.

What is the best semantic way to build it and to format it with css?

+8  A: 

I'd go with the simplest model; each question is a heading, with answers in paragraph tags. Clear, logical and semantically sane, I think.

The reason I wouldn't use the definition list tags mentioned is that I don't think, from a pure semantic point of view, that questions and answers fit the mould of pure terms and definitions.

Rob
An article from 2007's 24ways addresses semantic use of DL. It manages to avoid this specific situation, but is still relevent.http://24ways.org/2007/my-other-christmas-present-is-a-definition-list
Christopher Swasey
Interesting read, and an interesting site; thanks for the link.
Rob
+8  A: 

I always use <dl> for FAQs. Typically making the <dt> an anchor for the index of questions to link.

edit...

I should mention, this is my interpretation of the most semantic approach. As I see it, this is exactly the sort of thing <dl> is meant to mark up.

As for CSS, it's really subjective. I do typical heading-ish styles for the <dt>, with a high font-weight, maybe slightly higher font-size, and maybe greater letter/word spacing.

Whatever integrates well with the rest of your visuals on the site and makes the relationship between the question and answer immediately obvious....

Trevor Bramble