dt

< html‎ | elements
Jump to: navigation, search

dt – description list topic

This article is In Progress.


W3C Recommendation

dt

For technical reasons, the title of this article is not the text used to call this API. Instead, use dt

Summary

The dt element indicates a definition term within a definition list (dl).

A dt (topic) is usually followed by one or more dd (definition) elements. Several consecutive dt are attributed to the dd element that immediately follows the group.


Overview Table

DOM Interface HTMLDTElement
Permitted contents flow content, but with no header, footer, sectioning content, or heading content descendants.
Permitted parents dl.
Tag omission A dt element's end tag may be omitted if the dt element is immediately followed by another dt element or a dd element.


Compatibility

Do you think this data can be improved? You can ask to add by opening an issue or make a pull request.

Desktop

FeaturesChromeFirefoxInternet ExplorerOperaSafari
Basic support
1.0
Yes
?
Yes
?
Yes
?
Yes
?
Yes

Mobile

FeaturesAndroidFirefox MobileIE PhoneOpera MobileSafari Mobile
Basic support
?
Yes
?
Yes
?
Yes
?
Yes
?
Yes

Examples

View live exampleThe example shows a simple definition list with two item/description pairs.

HTML

<dl>
  <dt>Coffee</dt>
  <dd>A popular hot drink.</dd>
  <dt>Coca Cola</dt>
  <dd>One of the leading brands of a popular cold fizzy drink.</dd>
</dl>

View live exampleThe example shows a definition list with a single item but multiple descriptions for that item.

HTML

<dl>
  <dt>Coffee</dt>
  <dd>A popular hot drink.</dd>
  <dd>A mid brown colour</dd>
  <dd>A common social invitation</dd>
</dl>

View live exampleThe example shows a definition list with a single description and multiple items fitting that description.

HTML

<dl>
  <dt>Coffee</dt>
  <dt>Tea</dt>
  <dt>Vimto (in the North of England)</dt>
  <dd>A popular hot drink.</dd>
</dl>

Typical browser default CSS properties for the dt element.

CSS

display: block;

Notes

The dt element itself, when used in a dl element, does not indicate that its contents are a term being defined, but this can be indicated using the dfn element.

While HTMLDTElement is the defined DOM interface for this element, most browsers currently use HTMLElement instead.


Related specifications

Specification Status Related Changes
HTML 4.01 W3C Recommendation
HTML 5.1 W3C Editor's Draft

See also

Other articles

External resources

Attribution

This article contains content originally from external sources.

Portions of this content come from the Microsoft Developer Network: [Windows Internet Explorer API reference Article]