Как можно увидеть из названия, список определений - это перечень терминов и их определений, то есть
того, что значат эти термины. Поэтому этот вид списка часто применяется для создания словарей, глоссариев,
справочников или просто врезок - небольших полей с текстом, несущим справочную информацию. Кроме того,
этот вид списков можно использовать как и другие, для создания меню и навигации на сайте.
Его свойства при этом легко переопределяются с помощью CSS.
Итак, давайте посмотрим, как можно создать список определений.
Для этого используется 3 пары тегов-контейнеров:
<dl>...</dl> - эти теги создают сам список, подобно
тегам ul и ol;
<dt>...</dt> - используются для охвата термина;
<dd>...</dd>- нужны для обрамления определения этого термина.
То есть структура списка определений следующая:
Давайте посмотрим на примере создания глоссария фильтров Photoshop, как это работает:
Фильтры для размытия изображений:
Motion Blur
фильтр, позволяющий зрительно "добавить движение" к неподвижным объектам с помощью направленного размытия
изображения на заранее установленное расстояние.
Smart Blur
фильтр, позволяет размыть всё изображение или только его выделенную часть, оставив нетронутыми границы объектов.
Radial Blur
фильтр, использующийся для радиального размытия. Позволяет создать 2 возможных метода размытия:
Spin (Вращение) и Zoom (Масштаб).
Gaussian Blur
фильтр "размытие по Гауссу", в результате применения которого получаются более размытые пиксели, цвет и
интенсивность которых усредняются, в то время как само изображение не становится ни более тёмным, ни более светлым.
Вот код этого списка:
Здесь, как вы можете заметить, я применила дополнительное выделение терминов с помощью контейнера <b>,
в этом случае термины становятся более заметными и выделяются из остального текста. Для этих же целей можно
применить и курсив, и подчёркивание.
