<dl></dl> <dt></dt> <dd></dd>

ブラウザ
  • IE
  • Cr
  • Sf
  • Fx
  • O
分類
要素

dl要素で、定義型のリストを作成することができます。

このリストは、定義する用語dt要素その用語に対する説明dd要素によって構成されています。

一般的なブラウザでは、用語部分と説明部分の間に改行が入り、説明部分の左側はインデントされて表示されます。


<dl>
<dt>定義する用語</dt>
<dd>用語に対する説明</dd>
</dl>

用語説明は、必ずしも1対1である必要はありません。例えば1対2、2対1といった組み合わせも可能です。また、1つのdl要素内に複数の組を配置することが可能です。

<dl>
<dt></dt>
<dd>コタツで丸くなる動物</dd>
<dt></dt>
<dd>雪が降ると庭を駆けまわる動物</dd>
</dl>
<dl>
<dt></dt>
<dt></dt>
<dd>ペットとして飼われることが多い動物</dd>
</dl>
<dl>
<dt></dt>
<dd>昼間は寝ていることが多い</dd>
<dd>夜も寝ていることが多い</dd>
</dl>

用語の定義に限らず、例えば更新情報の日付更新内容、Q&Aの質問答え、といった表現にも使用することができます。

<dl>
<dt>9月24日</dt>
<dd>HTMLリファレンスを更新しました</dd>
<dt>10月5日</dt>
<dd>CSSリファレンスを更新しました</dd>
</dl>
<dl>
<dt>送料はかかりますか?</dt>
<dd>いいえ、かかりません。全国無料でお届けいたします。</dd>
</dl>

使用例


<dl>
<dt>dl要素</dt>
<dd>リスト全体を示す要素</dd>
<dt>dt要素</dt>
<dd>定義する用語を示す要素</dd>
<dt>dd要素</dt>
<dd>用語に対する説明を示す要素</dd>
</dl>

表示例
dl要素
リスト全体を示す要素
dt要素
定義する用語を示す要素
dd要素
用語に対する説明を示す要素