<dt>: The Description Term element
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
The <dt> HTML element specifies a term in a description or definition list, and as such must be used inside a <dl> element. It is usually followed by a <dd> element; however, multiple <dt> elements in a row indicate several terms that are all defined by the immediate next <dd> element.
The subsequent <dd> (Description Details) element provides the definition or other related text associated with the term specified using <dt>.
Try it
<p>Please use the following paint colors for the new house:</p>
<dl>
<dt>Denim (semigloss finish)</dt>
<dd>Ceiling</dd>
<dt>Denim (eggshell finish)</dt>
<dt>Evening Sky (eggshell finish)</dt>
<dd>Layered on the walls</dd>
</dl>
p,
dl {
font:
1rem "Fira Sans",
sans-serif;
}
dl > dt {
font-weight: normal;
font-style: oblique;
}
dd {
margin-bottom: 1rem;
}
Attributes
This element only includes the global attributes.
Examples
For examples, see the examples provided for the <dl> element.
Technical summary
| Content categories | None. |
|---|---|
| Permitted content |
Flow content, but with no <header>,
<footer>, sectioning content or heading content
descendants.
|
| Tag omission |
The start tag is required. The end tag may be omitted if this element is
immediately followed by another <dt> element or a
<dd> element, or if there is no more content in
the parent element.
|
| Permitted parents |
A <dl> or (in WHATWG HTML,
W3C HTML 5.2 and later) a
<div> that is a child of a
<dl>.This element can be used before a <dd> or another <dt>
element.
|
| Implicit ARIA role | No corresponding role |
| Permitted ARIA roles |
listitem
|
| DOM interface |
HTMLElement Up to Gecko 1.9.2 (Firefox 4)
inclusive, Firefox implements the
HTMLSpanElement interface for this element.
|
Specifications
| Specification |
|---|
| HTML # the-dt-element |
Browser compatibility
Loading…