Online Tools

Reference Manual

HTML: <dl> Tag

: <progress> tag-value pair list).

The HTML <dl> tag is used to define a description list within 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>HTML5　using dl tags (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 it out ‹/›

In this HTML5In the document example, we created a list containing2list of browser names (Chrome and Safari) and their corresponding descriptions.

Browser Compatibility

IEFirefoxOperaChromeSafari

All mainstream browsers support the <dl> tag.

Tag definition and usage instructions

<dl> tags are usually used to display glossaries or definitions of terms.

<dl> tag defines a descriptive list.

<dl> tags can contain zero or more groups, each group consisting of one or more terms (found in the <dt> tag) followed by one or more descriptions (found in the <dd> tag).

<dl> tag with <dt> (Define item/(Name) and <dd> (Describe each item/Names) together.

For each group, there must be at least one <dt> tag, followed by at least one <dd> tag. This means that you can list:

A term followed by a single description
A single term followed by multiple descriptions
Multiple terms followed by a single description
Multiple terms followed by multiple descriptions

HTML 4.01 With HTML5The difference

In HTML 4.01 In, the <dl> tag defines a definition list.

In HTML5 In, the <dl> tag defines a descriptive list.

Global Attributes

The <dl> tag supports HTML Global Attributes.

Event Attributes

The <dl> tag supports HTML Event Attributes.

HTML Tutorial:HTML Lists

HTML: <i> tag HTML: <div> Tag