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