HTML :: Тег <dl>

В HTML тег <dl> (от англ. definition list – список определений) создает список определений и используется совместно с элементами <dt> и <dd>. Первый из них задает определяемый термин, а второй дает описание этого термина.

Синтаксис

	<dl>
	  ...
	  <dt>Термин</dt>
		<dd>Описание термина</dd>
	  ...	
	</dl>		          	
	
	Закрывающий тег: обязателен.

Атрибуты

Для элемента доступны универсальные атрибуты и соответствующие атрибуты-события.

Ссылки

Официальный сайт W3C: https://html.spec.whatwg.org/multipage/grouping-content.html#the-dl-element

Статья на Mozilla Firefox: https://developer.mozilla.org/ru/docs/Web/HTML/Element/dl

Примеры

HTML Результат

htmlCodes

<!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

HTML Результат

htmlCodes

<!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