用語を説明するときなどに便利なリストタグ。
概要
- <dl>～</dl>
-
dl は、definition list の略。
-
定義リストの大枠。
-
<dt>～</dt>と<dd>～</dd>を入れる。
- <dt>～</dt>
-
dt は、definition term の略。
-
定義語、用語を記述。
- <dd>～</dd>
-
dd は、definition description の略。
-
定義、説明を記述。
定義リストの例
定義リストの基本例
HTMLソースコード
1 2 3 4 | <dl> <dt>用語</dt> <dd><p>用語の説明文</p></dd> </dl> |
↓↓↓ ブラウザでの表示例 ↓↓↓
- 用語
-
用語の説明文
複数の定義リストの例
HTMLソースコード
1 2 3 4 5 6 7 8 9 10 | <dl> <dt>用語①</dt> <dd><p>用語①の説明文①</p></dd> <dt>用語②</dt> <dd><p>用語②の説明文①</p></dd> <dd><p>用語②の説明文②</p></dd> <dt>用語③</dt> <dt>用語④</dt> <dd><p>用語③用語④の説明文①</p></dd> </dl> |
↓↓↓ ブラウザでの表示例 ↓↓↓
- 用語①
-
用語①の説明文①
- 用語②
-
用語②の説明文①
-
用語②の説明文②
- 用語③
- 用語④
-
用語③用語④の説明文①
入れ子の定義リストの例
HTMLソースコード
1 2 3 4 5 6 7 8 9 10 | <dl> <dt>用語①</dt> <dd><p>用語①の説明文①</p> <dl> <dt>用語②</dt> <dd><p>用語②の説明文①</p></dd> <dd><p>用語②の説明文②</p></dd> </dl> </dd> </dl> |
↓↓↓ ブラウザでの表示例 ↓↓↓
- 用語①
-
用語①の説明文①
- 用語②
-
用語②の説明文①
-
用語②の説明文②