I'm using a definition list for a set of questions and answers. The added
benefits of css hooks via dd, dt, and then having the ability to put
class="chosenanswer" or something like that on selected elements not only
makes the dl semantic but also very flexible.

Not to mention Thierry's approach to hiding the dd's until someone is ready
to read them. http://www.tjkdesign.com/articles/toggle_elements.asp

ted

-----Original Message-----
From: [email protected] [mailto:[EMAIL PROTECTED]
On Behalf Of Adam Burmister (DSL AK)
Sent: Monday, April 17, 2006 1:58 PM
To: [email protected]
Subject: RE: [WSG] Markup for an FAQ?

Nah... I think the definition list makes more semantic sense. It is a
list after all.

The only thing I feel uncomfortable about DL's is the lack of a strong
relationship between DT's and DD's (no containing parent element for
each unique pair).

I'll play the devils advocate and suggest the following:

<ul>
        <li>
                <h2>Question</h2>
                <p>Answer goes below heading</p>
        </li>
</ul>

- A

-----Original Message-----
From: [email protected]
[mailto:[EMAIL PROTECTED] On Behalf Of Joseph Bernhardt
Sent: Tuesday, 18 April 2006 8:46 a.m.
To: [email protected]
Subject: Re: [WSG] Markup for an FAQ?

I would use either use just a definition list or an unordered list with 
a nested definition list. Therefor, it is a list of questions with the 
answers being the questions definition. That's how it makes sense to me!

:) Example:

<ul>
    <li><dl><dt>What's the deal with this website?</dt>
                 <dd>Well, the deal with this website is this.  This is 
the deal with this website.</dd>
    </dl></li>
    <li><dl><dt>What do I do with this website?</dt>
                 <dd>Here is what you do with this website.  This is 
what you do with this website.</dd>
    </dl></li>
</ul>

I wrote this without researching semanticity (is that a word?) first.  I

may be wrong...

Hope it helps!

Jough

[EMAIL PROTECTED] wrote:
> Greetings.
>
> I'm marking up an FAQ for an XHTML 1.1/CSS Web page. What is the best
way
> to mark up the questions and answers so it will be semantically
correct
> and standards compliant?
>
> Right now, the FAQ is in a table-based format using a numbered list.
>
> Thanks.
>
> Kim
> ******************************************************
> The discussion list for  http://webstandardsgroup.org/
>
>  See http://webstandardsgroup.org/mail/guidelines.cfm
>  for some hints on posting to the list & getting help
> ******************************************************
>   



******************************************************
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list & getting help
******************************************************

******************************************************
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list & getting help
******************************************************



******************************************************
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list & getting help
******************************************************

Reply via email to