Упорядоченные списки с описаниями - PullRequest
2 голосов
/ 19 апреля 2011

Я пишу упорядоченный список.Для каждого элемента в списке я хотел бы иметь две строки.Один для названия предмета, а другой для описания предмета.

Это то, что я сейчас делаю:

<ol>
    <li>
        <ul>
            <li>Item one</li>
            <li>An explanation of the item.</li>
       </ul>
    </li>
    <li>
        <ul>
            <li>Item two</li>
            <li>An explanation of the item.</li>
        </ul>
    </li>
</ol>

Кажется, я многого достигнунаходясь в поиске.Кто-нибудь знает более быстрый способ осуществить это?

Ответы [ 2 ]

5 голосов
/ 19 апреля 2011

Возможно, вы захотите использовать список определений (<dl>) вместо внутреннего ul.

<dl>
   <dt>Dog</dt>
   <dd>A carnivorous mammal of the family Canidae.</dd>
</dl>
2 голосов
/ 19 апреля 2011

Как насчет:

<ol>
    <li>
        <h3>Item one</h3>
        <p>An explanation of the item.</p>
    </li>
    <li>
        <h3>Item two</h3>
        <p>An explanation of the item.</p>
    </li>
</ol>

(Замените <h3> на соответствующий уровень заголовка в этом контексте в документе - или, если вы используете HTML5, оберните <ol> в <section> тег и используйте <h1> вместо <h3>.)

Или вам действительно нужен упорядоченный список?Если нет, то список определения - это вещь:

<dl>
    <dt>Item one</dt>
    <dd>An explanation of the item.</dd>

    <dt>Item two</dt>
    <dd>An explanation of the item.</dd>
</dl>
...