Синтаксис
<dl>
<dt>...</dt>
<dd>...</dd>
</dl>
Описание
Тег <dl> (от англ. description list — список описаний) вместе с тегами <dt> и <dd> используется для создания списка определений.
Каждый список определений начинается с контейнера <dl>, куда входит тег <dt> (задаёт термин) и тег <dd> (задаёт описание этого термина).
Также тег поддерживает глобальные атрибуты и атрибуты события.
Пример
HTML-код:
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Тег dl</title>
</head>
<body>
<dl>
<dt>Тег</dt>
<dd>Начальный или конечный маркеры элемента. Теги определяют границы действия элементов и отделяют элементы друг от друга. В тексте Web-страницы теги заключаются в угловые скобки, а конечный тег всегда снабжается косой чертой.</dd>
<dt>Атрибут</dt>
<dd>Параметр или свойство элемента. Это, по сути, переменная, которая имеет стандартное имя и которой может присваиваться определенный набор значений: стандартных или произвольных. Предполагается, что символьные значения атрибутов заключаются в прямые кавычки, но некоторые браузеры позволяют не использовать кавычки. Это объясняется тем, что тип атрибута всегда известен заранее. Атрибуты располагаются внутри начального тега и отделяются друг от друга пробелами.</dd>
</dl>
</body>
</html>
Отображение в браузере:
- Тег
- Начальный или конечный маркеры элемента. Теги определяют границы действия элементов и отделяют элементы друг от друга. В тексте Web-страницы теги заключаются в угловые скобки, а конечный тег всегда снабжается косой чертой.
- Атрибут
- Параметр или свойство элемента. Это, по сути, переменная, которая имеет стандартное имя и которой может присваиваться определенный набор значений: стандартных или произвольных. Предполагается, что символьные значения атрибутов заключаются в прямые кавычки, но некоторые браузеры позволяют не использовать кавычки. Это объясняется тем, что тип атрибута всегда известен заранее. Атрибуты располагаются внутри начального тега и отделяются друг от друга пробелами.
Параметры CSS по умолчанию
dl {
display: block;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
}
Поддержка браузера
Элемент |
Chrome |
Opera |
Firefox |
Safari |
Microsoft Edge |
<dl> | Да | Да | Да | Да | Да |
Продолжаем добавлять языки программирования для Вас.
Впереди много интересного!
Только свежие новости программирования и технологий каждый день.
Комментарии