HTML :: Тег <dt>
В HTML тег <dt> (от англ. definition term – определяемый термин) задает термин в списке определений и используется совместно с элементами <dl> и <dd>. При создании списка определений данный элемент располагается перед элементом <dd>, который содержит описание термина.
Закрывающий тег в элементе <dt> не является обязательным. Его можно опускать, если за ним идет другой элемент <dt> или <dd> или он является последним в родительском элементе.
Синтаксис
<dl>
...
<dt>Термин</dt>
<dd>Описание термина</dd>
...
</dl>
Закрывающий тег: не обязателен.
Атрибуты
Для элемента доступны универсальные атрибуты и соответствующие атрибуты-события.
Ссылки
Официальный сайт W3C: https://html.spec.whatwg.org/multipage/grouping-content.html#the-dt-element
Статья на Mozilla Firefox: https://developer.mozilla.org/ru/docs/Web/HTML/Element/dt
Примеры
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Пример №1</title> </head> <body> <dl title="Список из двух определений"> <dt>HTML</dt> <dd> Стандартный язык гипертекстовой разметки веб-документов,<br> который повсеместно используется во Всемирной паутине. </dd> <dt>CSS</dt> <dd> Формальный язык описания внешнего вида документа,<br> написанного с использованием языка разметки. </dd> </dl> </body> </html>
Пример №1
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Пример №2</title> </head> <body> <p>При покраске комнаты используйте цвета:</p> <dl> <dt>Белый</dt> <dd>Потолок</dd> <dt>Голубой</dt> <dt>Светло-голубой</dt> <dd>Стены</dd> </dl> </body> </html>
Пример №2