HTML - Description List (dl)

About

dl is an list HTML element that represents a description list

The lists has several element that are represented by:

Example

Glossary

A Glossary

<dl> <!-- Description List (dl) -->

    <!-- Description Term (dt) -->
    <dt>Sequence</dt> 
    <dd>An ordererd collection that allows duplicate</dd> <!-- Description description (dd) - description of the term -->

    <!-- Another description Term (dt) -->
    <dt>List</dt>
    <dd>A finite sequence</dd>

    <!-- Another Description Term (dt) -->
    <dt>Set</dt>
    <dd>An unordered collection that does not allow duplicate</dd>
</dl>

Output:

FAQ

This example shows a list of frequently asked questions (a FAQ) marked up using:

  • the dt element for questions
  • and the dd element for answers.
<article>
 <h1>FAQ</h1>
 <dl>
  <!-- question -->
  <dt>What do we want?</dt>
  <!-- answer -->
  <dd>Our data.</dd>
  
  <!-- question -->
  <dt>When do we want it?</dt>
  <!-- answer -->
  <dd>Now.</dd>
  
  <!-- question -->
  <dt>Where is it?</dt>
  <!-- answer -->
  <dd>We are not sure.</dd>

 </dl>
</article>

Powered by ComboStrap