定義リスト HTML <dl><dt><dd>

せんせい

定義リストとは、「これは、こういう意味です」という感じで使うリストのこと。例えば用語集なんかによく使われる。実は、いろいろな使い方ができる素敵要素である。

定義リストを作るには

<dl>
	<dt>パソコン</dt>
	<dd>よく壊れる機械。</dd>

	<dt>プリンター</dt>
	<dd>突然壊れる機械。</dd>

	<dt>キーボード</dt>
	<dd>八つ当たりされる装置。</dd>
</dl>
パソコン
よく壊れる機械。
プリンター
突然壊れる機械。
キーボード
八つ当たりされる装置。

会話形式の文章にも使える

少し意外な感じがするけども、定義部分に名前を入力して、会話型の文章などにも使える。

<dl>
	<dt>あやこ</dt>
	<dd>私の何処が好き?</dd>
	
	<dt>とおる</dt>
	<dd>す・べ・て。すいません、ちょっと嘘つきました。</dd>
</dl>
あやこ
私の何処が好き?
とおる
す・べ・て。すいません、ちょっと嘘つきました。

定義したい単語・文章に<dt>を。
その説明に<dd>を。
最後に<dl>でマークアップして、定義リストのできあがり。