Definition Lists

Description¶

HTML Definition Lists

Purpose¶

When a google search string starts with [ define | what is | what are ], Google renders a Google Glossary definition string above search results.

Usage¶

A Defn LIst can include:

• terms not found in dictionaries
• slang
• acronyms
• abbreviations

HTML Definition List¶

An HTML Definition List (<dl> ... </dl>), is comprised of term element (<dt></dt>), descr element (<dd></dd>) pairs:

<dl>
<dt>yat</dt><dd>sup, hello, how are you doing?</dd>
<dt>yb</dt><dd>yes by, yes</dd>
</dl>

Result:

yat

sup, hello, how are you doing?

yb

yes by, yes

With block elements:

<dl>
    <dt>otg</dt>
    <dd><p>plans, on the go (Ex: Nudding otg tonight)</p></dd>
    <dt>bk</dt>
    <dd><p>best kind, really good, common response to yat</p></dd>

Result:

otg

plans, on the go (Ex: Nudding otg tonight)

bk

best kind, really good, common response to yat

There can be multiple term and multiple definitions:

<dl>
<dt>Description List</dt>
<dt>Definition List</dt>
<dt>Term List</dt>
<dd>List of terms and definitions</dd>
</dl>

Result:

Description List

Definition List

Term List

List of terms and definitions

<dl> Default CSS¶

dl {
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
}

<dt> Default CSS¶

dt {
  display: block;
}

Comments