Dofactory.com
Dofactory.com
Earn income with your HTML skills
Sign up and we'll send you the best freelance opportunities straight to your inbox.
We're building the largest freelancing marketplace for people like you.
By adding your name & email you agree to our terms, privacy and cookie policies.

HTML <dt> Tag

The <dt> tag contains a data term, i.e. a term, name, or title.

Data terms are usually paired with a data description (<dd>) which provides a description for the term.

Both tags are located in a description list (<dl>).

Example

#

Three <dt> tags with museum names.

National Gallery of Art
Washington DC, USA
Musée d'Orsay
Paris, France
Kunstmuseum
Basel, Switzerland
<dl>
  <dt>National Gallery of Art</dt>
  <dd>Washington DC, USA</dd>
  <dt>Musée d'Orsay</dt>
  <dd>Paris, France</dd>
  <dt>Kunstmuseum</dt>
  <dd>Basel, Switzerland</dd> 
</dl>
dl = description list
dt = data term
dd = data description

Using <dt>

The <dt> tag specifies a term, name, or title in a description list.

This element must be wrapped inside a <dl> tag.

A <dt> element is usually followed by a <dd> element which describes the term.

Attributes for <dt>

The <dt> element has no attributes, but it does accept global attributes. The following are commonly used.

Attribute Value Description
id   value Provides the dt element with a unique identifier.
class   classnames Assigns one or more classnames to the dt element.
style   CSS-values Assigns CSS style values to the dt element.

For additional global attributes see our global attributes list.


List Tags

The <dt> tag is part of a group of tags that are used to create lists (i.e. lists of items) on web pages. This group is referred to as the List tag group. Together, they allow you to create comprehensive HTML lists.

Below are the list tags.

Element Description
<ul> Creates an unordered, bulleted list
<ol> Creates a numerically or alphabetically ordered list
<li> Defines a list item. Used in <ol> and <ul> elements
<dl> Defines a description list
<dt> Adds a term or name to a <dl> element
<dd> Adds a description of a term or name to a <dl> element

Together, they allow you to create comprehensive lists in your HTML pages.


Browser support

Here is when <dt> support started for each browser:

Chrome
1.0 Sep 2008
Firefox
1.0 Sep 2002
IE/Edge
1.0 Aug 1995
Opera
1.0 Jan 2006
Safari
1.0 Jan 2003

You may also like


Last updated on Sep 30, 2023

Earn income with your HTML skills
Sign up and we'll send you the best freelance opportunities straight to your inbox.
We're building the largest freelancing marketplace for people like you.
By adding your name & email you agree to our terms, privacy and cookie policies.

Guides