Вложенный html dl dt dd - PullRequest
Новая
       31

Вложенный html dl dt dd

1 голос
/ 28 сентября 2011

Я хочу проверить свое мышление.Мне нужно создать HTML-код для дизайна пользовательского интерфейса ниже, и я использовал вложенные dl s в моей разметке.Это семантически верно?Если нет, как еще мне реализовать этот дизайн в HTML?

Дизайн пользовательского интерфейса 

<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 Ответ

2 голосов
/ 28 сентября 2011

Я бы, вероятно, использовал бы вложенные неупорядоченные списки, используя теги h * для заголовков разделов, но ваше использование DL выглядит нормально. Люди постоянно спорят о том, как правильно использовать DL.

...