dl要素 - 説明（記述）リスト
当ページのリンクには広告が含まれています。
スポンサーリンク
ここでは HTML5 の dl要素についてみていきます。
dl要素の概要
dl要素は、説明（記述）リストを表します。
| カテゴリー | フロー・コンテンツ |
| コンテンツモデル | 1個以上のdt要素とdd要素 |
| 利用場所 | フロー・コンテンツが置ける場所 |
dl要素は、「順序付きリストのol要素」や「順不同リスト（箇条書き）のul要素」とは異なり、説明される言葉と説明がセットになったリストを表します。
説明される「言葉」にはdt要素、その「説明」にはdd要素を使い、次のように記述します。
<dl> |
<dt>言葉①</dt> |
<dd>言葉①の説明</dd> |
<dt>言葉②</dt> |
<dd>言葉②の説明A</dd> |
<dd>言葉②の説明B</dd> |
</dl> |
このように1つの「名前」に対して、1つあるいは複数の説明を入れます。
使用例
<!DOCTYPE html> |
<html> |
<head> |
<meta charset="utf-8" /> |
<title>dl要素</title> |
</head> |
<body> |
<h1>dl要素</h1> |
<section> |
<h2>2020年の夏季オリンピック</h2> |
<dl> |
<dt>開催国</dt> |
<dd>日本</dd> |
<dt>開催都市</dt> |
<dd>東京</dd> |
<dt>開会式</dt> |
<dd>2020年7月24日</dd> |
<dt>閉会式</dt> |
<dd>2020年8月9日</dd> |
</dl> |
</section> |
</body> |
</html> |
表示
スポンサーリンク
スポンサーリンク