05. Definition Lists

Introduction

Definition lists (<dl>) are used for displaying term-definition pairs, such as glossaries, metadata, or key-value relationships. They consist of terms (<dt>) and definitions (<dd>), providing a semantic way to structure definitions and descriptions.

Basic Syntax

<dl>
    <dt>Term</dt>
    <dd>Definition of the term</dd>
    <dt>Another Term</dt>
    <dd>Definition of another term</dd>
</dl>

Common Use Cases

Glossaries

<dl>
    <dt>HTML</dt>
    <dd>HyperText Markup Language</dd>
    <dt>CSS</dt>
    <dd>Cascading Style Sheets</dd>
</dl>

Metadata

<dl>
    <dt>Author</dt>
    <dd>John Doe</dd>
    <dt>Published</dt>
    <dd>January 2024</dd>
</dl>

Multiple Definitions

<dl>
    <dt>Browser</dt>
    <dd>Chrome</dd>
    <dd>Firefox</dd>
    <dd>Safari</dd>
</dl>

References

• MDN Web Docs - dl element