Skip to: content, navigation

by Ian Lloyd

dt (HTML element)

Spec
Depr. Empty Version
No No HTML 2
Browser support full matrix
IE5.5+ FF1+ Saf1.3+ Op9.2+
Full Full Full Full

Example

The example below shows the definition term being used to mark up the word “spam”:

<dl>
  <dt>Spam</dt>
  <dd>unsolicited email sent in the hope of increasing sales of
      some product, or simply for the purposes of annoying people</dd>
  ⋮
</dl>
Type
block-level element
Contains
inline elements
Contained by
dl

Description

The dt is the first part of the dt : dd pairing that constitutes an item in a definition list (dl). Note that it can’t contain any block-level elements—not even p or heading elements such as h1, h2, and so on. It can only contain text.

You can see the dt in the image below:

Figure 1. The example above as viewed in a browser dt element

You can follow multiple dt elements with a single description—for instance, in cases where you have two terms that mean exactly the same thing:

<dl>
  <dt>Sofa</dt>
  <dt>Settee</dt>
  <dd>a long upholstered seat with a back and arms, for two or more
      people</dd>
  ⋮
</dl>

Use This For …

The dt element is used to mark up a term of some kind. You can think of a word’s entry in a dictionary as a dt, the dd as the explanation of that word, and the book itself as the dl.

Compatibility

IE5.5Full
6.0Full
7.0Full
Firefox1.0Full
1.5Full
2.0Full
Safari1.3Full
2.0Full
3.0Full
Opera9.2Full
9.5Full

Every browser listed supports this element type.

User-contributed notes

There are no comments yet.

Add a note

To post a note on this topic, please log in with your SitePoint username and password. If you don't have an account yet, you can create a new account for free.

Related Products

The Principles of Beautiful Web Design

Best Seller!

You don’t need to go to Art School to design great looking web sites!

Book Cover: The Principles of Beautiful Web Design

Download the FREE sample chapters