HTML <dd> Tag

By Jonathan Griffin. Editor, SEO Consultant, & Developer.

· 2 min read

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

ChromeEdgeFirefoxIEOperaSafari
YesYesYesYesYesYes

Mobile

Android WebviewChrome AndroidFirefox AndroidOpera AndroidiOS SafariSamsung Internet
YesYesYesYesYesYes