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 | 
