Список описаний обеспечивает семантический способ структурирования и представления информации, создавая отношения между терминами и их соответствующими описаниями. Это делает данные или информацию более доступными и понятными. Создатели могут использовать списки описаний в таких местах, как глоссарии, словари, разделы часто задаваемых вопросов, спецификации продуктов и т. д. В этой статье демонстрируется процедура использования списка описаний в HTML.
Как использовать список описаний в HTML?
Список описаний состоит из « <дл> », « <дт> ', и ' <дд> ” и используется для представления набора терминов и соответствующих им определений. Он представляет/отображает содержимое в структурированной форме, в которой описание выходит за рамки простого маркированного списка. Свойства CSS также можно применить к списку описаний, чтобы создать визуально привлекательный интерфейс.
Посетите приведенный ниже фрагмент кода, чтобы создать список описаний в HTML:
< тело >
< див >
< h2 > Доли рынка ноутбуков h2 >
< дл >
< дт > л.с. дт >
< дд > В категории «Настольные системы и ноутбуки» доля 30 % дд >
< дт > Делл дт >
< дд > В категории «Настольные системы и ноутбуки» доля 24 % дд >
< дт > Леново дт >
< дд > В категории «Настольные системы и ноутбуки» доля 14 % дд >
дл >
див >
тело >
Объяснение приведенного выше фрагмента кода:
-
- Сначала родитель « див », который действует как контейнер для элемента списка описания и других элементов HTML, таких как « ».
- Далее список описания ' <дл> Тег используется для настройки среды для списка описаний.
- Затем название описания/термин « <дт> Тег используется для определения описания элементов, описание которых будет добавлено.
- После этого данные описания « <дд> », который содержит описание/информацию, относящуюся к элементу описания.
После завершения этапа компиляции HTML-элементы появляются на веб-странице следующим образом:
Вывод показывает, что список описаний был сгенерирован.
Пример 1. Назначение нескольких описаний одному термину
Можно создать таблицу описаний, в которой есть более одного описания для одного термина. Это может быть особенно полезно, если термин описания может быть объяснен более чем одним значением или методом.
Код для описанного выше сценария показан ниже:
< див >< h2 > Доли рынка ноутбуков h2 >
< дл >
< дт > л.с. дт >
< дд > В категории «Настольные системы и ноутбуки» доля 30 % в 2018 дд >
< дд > В категории «Настольные системы и ноутбуки» доля 23 % в 2017 дд >
< дт > Делл дт >
< дд > В категории «Настольные системы и ноутбуки» доля 24 % в 2018 дд >
< дд > В категории «Настольные системы и ноутбуки» доля 27 % в 2017 дд >
< дт > Леново дт >
< дд > В категории «Настольные системы и ноутбуки» доля 14 % в 2018 и 9 % в 2017 дд >
дл >
див >
В приведенном выше коде:
-
- Во-первых, список описаний создается с помощью « дл », « дт ' и ' дд элементы.
- Далее несколько « <дд> » теги используются под одним « дт элемент. Он присваивает несколько описаний одному термину.
После этапа компиляции:
Вывод показывает, что для одного термина было добавлено несколько описаний.
Пример 2. Назначение нескольких терминов одному описанию
Разработчики также могут создать список описания, состоящий из нескольких терминов описания с одними данными описания. Это особенно полезно, когда несколько терминов похожи или имеют одинаковую функциональность. Используя эту технику, все эти термины могут быть описаны сразу:
< див стиль '=' 'поле: 20px' >< h2 > Доли рынка ноутбуков h2 >
< дл >
< дт > л.с. дт >
< дт > Элитбук дт >
< дт > пробук дт >
< дд > В категории «Настольные системы и ноутбуки» доля 30 % в 2018 дд >
< дд > В категории «Настольные системы и ноутбуки» доля 23 % в 2017 дд >
< дт > Леново дт >
< дд > В категории «Настольные системы и ноутбуки» доля 14 % в 2018 и 9 % в 2017 дд >
дл >
див >
В приведенном выше блоке кода создается список описаний и несколько « <дт> » используются с одним « <дд> ' ярлык.
После окончания этапа компиляции:
На приведенном выше снимке показано, что несколько терминов назначаются с одними данными описания.
Заключение
Список описаний создается с использованием списка описаний « <дл> », который создает контейнер для элементов списка и их описания. Кроме того, « <дт> ” обозначает имя элемента, описание которого будет предоставлено. В то время ' <дд> ” хранит соответствующее описание. В этой статье продемонстрировано использование списка описаний в HTML.