HTML :: Тег <dd>

В HTML тег <dd> (от англ. description details – подробное описание) задает описание термина в списке определений и используется совместно с элементами <dl> и <dt>. При создании списка определений данный элемент располагается после элемента <dt> и содержит описание термина, расположенного в нем. Браузеры определяют <dd> как блочный элемент, поэтому внутри него можно размещать не только простой текст, но и другие элементы: абзацы, списки, изображения и т.д.

Закрывающий тег в элементе <dd> не является обязательным. Его можно опускать, если за ним идет другой элемент <dd> или <dt> или он является последним в родительском элементе.

Синтаксис

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

Атрибуты

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

Ссылки

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

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

Примеры

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