The HTML <dd> element represents “description details”. It’s paired with<dt> (description term) and placed within a <dl> (description list) to give us the description or definition of a term.
Syntax
The basic syntax for the <dd> element is as follows:
1 |
<dl>
|
2 |
<dt>Term</dt> |
3 |
<dd>Description</dd> |
4 |
</dl>
|
The <dd> element should always be nested within a <dl> element and placed after the corresponding <dt> element.
Example
Here's an example of the <dd> element, illustrating how other content (such as a <ul> in this case) is supported:
1 |
<dl>
|
2 |
<dt>Product Name</dt> |
3 |
<dd>Acme Widget Pro</dd> |
4 |
|
5 |
<dt>Manufacturer</dt> |
6 |
<dd>Acme Corporation</dd> |
7 |
|
8 |
<dt>Price</dt> |
9 |
<dd>$99.99</dd> |
10 |
|
11 |
<dt>Description</dt> |
12 |
<dd>The Acme Widget Pro is a versatile and powerful widget that enhances
|
13 |
productivity and simplifies tasks.</dd>
|
14 |
<dt>Features</dt> |
15 |
<dd>
|
16 |
<ul>
|
17 |
<li>Advanced functionality for increased efficiency</li> |
18 |
<li>Intuitive user interface for ease of use</li> |
19 |
<li>Compatible with multiple platforms</li> |
20 |
<li>Robust security features</li> |
21 |
</ul>
|
22 |
</dd>
|
23 |
</dl>
|
Result
Attributes
The <dd> element has no specific attributes. It inherits from global attributes defined in HTML.
Content
The <dd> element accepts various types of content, including text, inline elements, block-level elements, and even nested HTML structures. It allows you to provide detailed explanations, examples, or additional information about the corresponding term.
Learn More
- To learn more about the
<dd>element, you can check out the official HTML specification.
HTML Elements
