【HTML】dlタグ - 定義リスト

HTMLのdlタグをご紹介します。

dlタグ

dlタグは定義リストをマークアップします。

基本構文

<dl>
    <dt>定義名</dt>
    <dd>説明</dd>
    <dt>定義名</dt>
    <dd>説明</dd>
    <dt>定義名</dt>
    <dd>説明</dd>
</dl>

dlタグはdtタグとddタグをセットで使用します。

dtタグ

dtタグは定義名をマークアップします。
定義の説明は続いてddタグでマークアップします。

ddタグ

ddタグは定義の説明をマークアップします。
説明の対象は直前のdt要素です。

サンプルコード

<dl>
	<dt>赤</dt>
	<dd>赤のカラーコードは#ff0000です。</dd>
	<dt>緑</dt>
	<dd>緑のカラーコードは#00ff00です。</dd>
	<dt>青</dt>
	<dd>青のカラーコードは#000ffです。</dd>
</dl>