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.

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

Compatibility

Desktop

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support ? ? ? ? ?

Mobile

Feature Android BlackBerry Chrome for mobile Firefox Mobile (Gecko) IE Mobile Opera Mobile Opera Mini Safari Mobile
Basic support ? ? ? ? ? ? ? ?

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]