Тег <dl>

Список определений
  • Категории: Потоковое содержимое
  • Контекст:

    Где ожидается потоковое содержимое.

  • Модель:

    Ноль или более групп, каждая из которых состоит из одного или нескольких <dt>, после которых следуют один или несколько <dd>. Либо элементы <div> для группировки пар.

Тег <dl> (сокращение от "Description List") является контейнером для списка определений, который состоит из нуля или более вложенных групп. Каждая группа в свою очередь состоит из одного или нескольких <dt>, после которых следуют один или несколько <dd>.

Данный вид списка подходит для разметки любых ассоциативных списков из нуля или более пар имя-значение:

  • анонсы новостей, отзывы
  • вопросы и ответы
  • категории и темы
  • характеристики товаров
  • диалоги
  • и т.д.

Атрибуты

  • Глобальные атрибуты
  • Термин и определение

    Наиболее очевидным является использование списка определений для разметки некоторых терминов и их описания.

  • Ассоциативные пары

    Но на самом деле списком определений можно разметить любые логически связанные вещи, которые необходимо сгруппировать:

  • Свойства и значения

    К ассоциативным парам можно отнести любые данные, идущие по шаблону: свойство - значение, например, характеристика товара.

  • Контактная информация

    Тоже самое касается и контактной информации. Списки определений подходят сюда как нельзя лучше.

  • Вопрос-ответ

    Блок вопросов и ответов также является хорошим кандидатам на использование списка определений.

  • Разметка диалога

    Ну и последний пример для закрепления. Вы можете использовать список определений для разметки диалога. Так <dt> будет обозначать имя говорящего, а <dd> - его текст.

  • Несколько описаний

    Элементы термина и определения не обязательно должны размещаться парой. Например, у каждого определения может быть несколько описаний.

  • Несколько терминов

    Также допускается и обратная ситуация - несколько терминов с одним описанием. Например:

    • если необходимо предоставить один термин на нескольких языках
    • если у термина есть синонимы
    • и т.д.
Поделитесь данной записью с друзьями