Coastal Media Brand

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

Web Design Myrtle Beach

Coastal Media Brand

a Lyfeloop, Inc company.