HTML reference manual

HTML tag大全

HTML: <dl> тег

The HTML <dl> element (or HTML description list element) is a list that contains term definitions and descriptions, usually used to display glossaries or metadata (key-value pairs list).

The HTML <dl> tag is used to define a description list in an HTML document. A description list is a list of terms (found in the <dt> tag) and their corresponding descriptions (found in the <dd> tag). This tag is also commonly referred to as the <dl> element.

Online example

Description list with items and descriptions:

Example

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Usage of HTML5 dl tag (Basic Tutorial Website oldtoolbag.com)</title>
</head>
<body>
<dl>
　　　<dt>Chrome</dt>
　　　<dd>Web browser by Google</dd>
　　　<dt>Safari</dt>
　　　<dd>Web browser by Apple</dd>
</dl>
</body>
</html>

Test to see ‹/›

In this HTML5 document example, we have created a description list containing 2 browser names (Chrome and Safari) and their corresponding descriptions.

Browser compatibility

IEFirefoxOperaChromeSafari

Все основные браузеры поддерживают тег <dl>.

Определение и использование тегов

Тег <dl> обычно используется для отображения таблиц терминов или их определений.

Тег <dl> определяет описательный список.

Тег <dl> может содержать ноль или несколько групп, каждая из которых состоит из одного или нескольких терминов (найденных в теге <dt>) и одного или нескольких описаний (найденных в теге <dd>).

Тег <dl> и <dt> (определение элемента/имени) и <dd> Использовать вместе с (описание каждого элемента/имени).

Для каждой группы необходимо, чтобы至少 был один тег <dt>, за которым следовал бы至少 один тег <dd>. Это означает, что можно перечислить:

Один термин, за которым следует одно описание
Один термин, за которым следуют множество описаний
Множество терминов, за которыми следует одно описание
Множество терминов, за которыми следуют множество описаний

Различия между HTML 4.01 и HTML5

В HTML 4.01 тег <dl> определяет список определений.

В HTML5 тег <dl> определяет описательный список.

Глобальные атрибуты

Поддержка тега <dl> Глобальные атрибуты HTML.

Событийные атрибуты

Поддержка тега <dl> Событийные атрибуты HTML.

См. также статьи

Урок HTML:Списки HTML

HTML: <i> тег HTML: <div> тег