Definition
The <dd>
tag is used to display the definition description of a term (<dt>
) in a definition list (<dl>
).
Example
<dl>
<dt>HTML</dt>
<dd>HTML is short for Hypertext Markup Language and is the standard markup
language used when creating web pages.</dd>
<dt>HTML Comments</dt>
<dd>HTML comments are comments in your source code inserted using a HTML
comment Tag.</dd>
</dl>
Usage
- The
<dd>
can be used after either<dt>
or<dd>
elements that fall within a<dl>
element. - It can also be used after either
<dt>
or<dd>
elements that fall within a<div>
element that is a child of a<dl>
element. - A start tag is required.
- The end tag may be omitted if the
<dd>
element is immediately followed by another<dd>
or<dt>
element, or if there is no more content in the parent element.
Attributes
The <dd>
element only supports the Global Attributes.
Best Practices
- You may want to wrap each pair of
<dt>
and<dd>
tags in a<div>
to aid styling. For example:<dl> <div class="styleMe"> <dt>HTML</dt> <dd>HTML is short for Hypertext Markup Language and is the standard markup language used when creating web pages.</dd> </div> <div class="styleMe"> <dt>HTML Comments</dt> <dd>HTML comments are comments in your source code inserted using a HTML comment Tag.</dd> </div> </dl>
- The default styling on
<dd>
is to indent the text, but you should not use<dd>
tags solely for this purpose. - Try to make the nature of the relationship clear between list items in the group as some screen readers announce each
<dl>
content as a list.
Specification
Browser Support
Desktop
Chrome | Edge | Firefox | IE | Opera | Safari |
---|---|---|---|---|---|
Yes | Yes | Yes | Yes | Yes | Yes |
Mobile
Android Webview | Chrome Android | Firefox Android | Opera Android | iOS Safari | Samsung Internet |
---|---|---|---|---|---|
Yes | Yes | Yes | Yes | Yes | Yes |