<dt>: The Description Term element #

::: section-content 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 #

::: section-content ::: iframe ::: {.output-header .border-rounded-top}

HTML Demo: <dt> #

Reset :::

::: {#warning-no-script .warning-container} ::: warning The interactive example cannot be shown because JavaScript is disabled. ::: :::

::: {#warning-mathml-not-supported .warning-container .hidden} ::: warning The interactive example cannot be shown because MathML is not supported by your browser. ::: :::

::: {#editor-container .editor-container .tabbed-standard .hidden .border-rounded-bottom editor-type=“tabbed”} ::: {#tab-container .section .tabs} ::: {#tablist .tab-list role=“tablist”} HTML

CSS

JavaScript :::

::: {#html-panel .section .hidden tabindex=“0” role=“tabpanel” aria-labelledby=“html” aria-hidden=“true”} ::: {#html-editor}

Please use the following paint colors for the new house:

<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>

::: :::

::: {#css-panel .section .hidden tabindex=“0” role=“tabpanel” aria-labelledby=“css” aria-hidden=“true”} ::: {#css-editor} p, dl { font: 1rem ‘Fira Sans’, sans-serif; }

dl > dt {
  font-weight: normal;
  font-style: oblique;
}

dd {
  margin-bottom: 1rem;
}

::: :::

::: {#js-panel .section .hidden tabindex=“0” role=“tabpanel” aria-labelledby=“js” aria-hidden=“true”} ::: {#js-editor} ::: ::: :::

::: {#output .output-container}

Output #

::: :::

::: {.section .console-container .hidden aria-hidden=“true”}

Console Output #

![] clear console

::: {#console .console} ::: :::

::: {#html-output .output .editor-tabbed} %html-content% ::: ::: :::

Attributes #

::: section-content This element only includes the global attributes. :::

Examples #

::: section-content For examples, see the examples provided for the <dl> element. :::

Technical summary #

::: section-content

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 #

::: _table #

Specification #

HTML Standard
[# the-dt-element]{.small}

:::

Browser compatibility #

::: _table Desktop Mobile

     Chrome    Edge   Firefox   Internet Explorer   Opera   Safari   WebView Android   Chrome Android   Firefox for Android   Opera Android   Safari on IOS   Samsung Internet

dt 1 12 1 Yes 15 ≤4 4.4 18 4 14 ≤3.2 1.0 :::

<dt>: The Description Term element #

Try it #

HTML Demo: <dt> #

Output #

Console Output #

Attributes #

Examples #

Technical summary #

Specifications #

::: _table #

Specification #

Browser compatibility #

See also #