2009-08-24 12 views
5

momento ho:tag HTML valido per le voci di elenco di definizione gruppo

<dl> 

    <span class="wrapper"> 

    <dt>A title</dt> 
    <dd>A description</dd> 

    </span> 

    <span class="wrapper"> 

    <dt>A title</dt> 
    <dd>A description</dd> 

    </span> 

</dl> 

Questo (o div invece di campate) non convalida. C'è qualcosa che potrei avvolgere con quello sarebbe?

+2

Ci sono state proposte per - elemento definizione - che avrebbe fatto esattamente quello che volevi, ma è rimasta solo una proposta. –

risposta

5

No. A dl consente solo due tipi di bambini: dt e dd. Vedi questo articolo per longer explanation.

In breve: il motivo per cui dt e dd non sono "raggruppate" è che si può avere uno o più dt elementi per dd.

Se è davvero necessario raggruppare, l'unica opzione è quella di creare manualmente l'elenco utilizzando <ul>/<ol> con il necessario CSS.

+3

o viceversa, puoi avere uno o più elementi 'dd' per' dt'. Penso ancora che un elemento funzionerebbe perfettamente per il wrapping di un gruppo di 'dt' e' dd' che sono correlati, non importa quanti di loro ci sono ... – ithil

+0

Se si crea manualmente un elenco si prega di utilizzare qualche elemento di lista come ' ul' o 'ol'. Non penso che tornare a 'div's sia appropriato qui. – inta

+1

@inta: Mi trovo d'accordo anche se rende il CSS più complesso. Aggiornato la mia risposta. –

0

Non è necessario "raggrupparli". Sono raggruppati in virtù delle loro posizioni relative nello <dl>. In HTML, la relazione di pari livello è forte.