Компонент Список описаний Description list

Создавайте красивые списки определений (описаний). Список определений состоит из термина и его описания. Дополнительный класс-модификатор позволяет добавить горизонтальную линию между элементами списка.

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

Применение

Добавьте класс .uk-description-list к элементу <dl>, для отображения терминов и их определений (описаний) друг под другом. 

<dl class="uk-description-list">
    <dt></dt>
    <dd></dd>
</dl>
  • Термин
    Слово или словосочетание, точно и однозначно именующее понятие и его соотношение с другими понятиями в пределах специальной сферы.
    Термин (в логике)
    Элемент формализованного языка, являющийся именем объекта или именем формы.
  • <dl class="uk-description-list">
    <dt>Термин</dt>
    <dd>Слово или словосочетание, точно и однозначно именующее понятие и его соотношение с другими понятиями в пределах специальной сферы.</dd>
    <dt>Термин (в логике)</dt>
    <dd>Элемент формализованного языка, являющийся именем объекта или именем формы.</dd>
</dl>

Модификатор «Divider»

Добавьте класс-модификатор .uk-description-list-divider, чтобы добавить горизонтальную линию между элементами списка определений (описаний). 

<dl class="uk-description-list uk-description-list-divider">
    <dt></dt>
    <dd></dd>
</dl>
  • HTML
    Стандартизированный язык разметки документов во Всемирной паутине.
    CSS
    Формальный язык описания внешнего вида документа, написанного с использованием языка разметки.
    JavaScript
    Мультипарадигменный язык программирования. Поддерживает объектно-ориентированный, императивный и функциональный стили.
  • <dl class="uk-description-list uk-description-list-divider">
    <dt>HTML</dt>
    <dd>Стандартизированный язык разметки документов во Всемирной паутине.</dd>
    <dt>CSS</dt>
    <dd>Формальный язык описания внешнего вида документа, написанного с использованием языка разметки.</dd>
    <dt>JavaScript</dt>
    <dd>Мультипарадигменный язык программирования. Поддерживает объектно-ориентированный, императивный и функциональный стили.</dd>
</dl>