<dd>: The Description Details element #
::: section-content
The <dd>
HTML element provides the description,
definition, or value for the preceding term (
<dt>
) in a
description list (
<dl>
).
:::
Try it #
::: section-content ::: iframe ::: {.output-header .border-rounded-top}
HTML Demo: <dd> #
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}
Cryptids of Cornwall:
<dl>
<dt>Beast of Bodmin</dt>
<dd>A large feline inhabiting Bodmin Moor.</dd>
<dt>Morgawr</dt>
<dd>A sea serpent.</dd>
<dt>Owlman</dt>
<dd>A giant owl-like creature.</dd>
</dl>
::: :::
::: {#css-panel .section .hidden tabindex=“0” role=“tabpanel” aria-labelledby=“css” aria-hidden=“true”} ::: {#css-editor} p, dt { font-weight: bold; }
dl,
dd {
font-size: 0.9rem;
}
dd {
margin-bottom: 1em;
}
::: :::
::: {#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's attributes include the global attributes.
nowrap
[Non-standard]{.visually-hidden} [Deprecated]{.visually-hidden}If the value of this attribute is set to
yes
, the definition text will not wrap. The default value isno
. :::
Examples #
::: section-content
For examples, see the
examples provided for the <dl>
element.
:::
Technical summary #
::: section-content
Content categories | None. |
---|---|
Permitted content | Flow content. |
Tag omission | The start tag is required. The end tag may be omitted if this
element is immediately followed by another <dd>
element or a <dt> element, or if
there is no more content in the parent element. |
Permitted parents | A <dl> or a <div> that is a child of a <dl> .This element can be used after a <dt> or another <dd> element. |
Implicit ARIA role | No corresponding role |
Permitted ARIA roles | No role permitted |
DOM interface | HTMLElement |
Specifications #
::: _table #
Specification #
HTML Standard
[#
the-dd-element]{.small}
:::
Browser compatibility #
::: _table #
Desktop Mobile
Chrome Edge Firefox Internet Opera Safari WebView Chrome Firefox Opera Safari Samsung
Explorer Android Android for Android on IOS Internet
Android
dd
1 12 1 Yes 15 ≤4 4.4 18 4 14 ≤3.2 1.0
Before Firefox 4,
this element was
implemented using
the
`HTMLSpanElement`
interface instead
of `HTMLElement`.
nowrap
1 12 1 Yes 15 ≤4 4.4 18 4 14 ≤3.2 1.0
#
:::
See also #
::: section-content
::: _attribution
© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5
or later.
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dd{._attribution-link}
:::