嵌套的html dl dt dd

时间:2011-09-28 18:38:02

标签: html semantics markup

我想检查一下我的想法。我需要为下面的UI设计创建HTML代码,我在标记中使用了嵌套的dl。这在语义上是否有效?如果没有,我还应该如何在HTML中实现这个设计?

UI design

<dl>
    <dt>Section one</dt>
    <dd>
        <dl>
            <dt>Sub-Section one</dt>
            <dd>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis justo justo, aliquam vel imperdiet a, semper sed felis. Nunc nec odio non massa pellentesque blandit et in velit. Proin massa libero, pulvinar at consectetur ut, ullamcorper id ipsum. Mauris in lorem ligula. </dd>

            <dt>Sub-Section two</dt>
            <dd>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis justo justo, aliquam vel imperdiet a, semper sed felis. Nunc nec odio non massa pellentesque blandit et in velit. Proin massa libero, pulvinar at consectetur ut, ullamcorper id ipsum. Mauris in lorem ligula. </dd>

            <dt>Sub-Section three</dt>
            <dd>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis justo justo, aliquam vel imperdiet a, semper sed felis. Nunc nec odio non massa pellentesque blandit et in velit. Proin massa libero, pulvinar at consectetur ut, ullamcorper id ipsum. Mauris in lorem ligula. </dd>

            <dt>Sub-Section four</dt>
            <dd>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis justo justo, aliquam vel imperdiet a, semper sed felis. Nunc nec odio non massa pellentesque blandit et in velit. Proin massa libero, pulvinar at consectetur ut, ullamcorper id ipsum. Mauris in lorem ligula. </dd>

            <dt>Sub-Section five</dt>
            <dd>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis justo justo, aliquam vel imperdiet a, semper sed felis. Nunc nec odio non massa pellentesque blandit et in velit. Proin massa libero, pulvinar at consectetur ut, ullamcorper id ipsum. Mauris in lorem ligula. </dd>
        </dl>
    </dd>

    <dt>Section two</dt>
    <dd>etc..</dd>

    <dt>Section three</dt>
    <dd>etc..</dd>

    <dt>Section four</dt>
    <dd>etc..</dd>
</dl>

1 个答案:

答案 0 :(得分:2)

我可能已经使用嵌套无序列表使用h *标签作为节标题,但你的DL使用似乎很好。人们不断争论DL的正确用途是什么。