<dl>: DL 要素
最終更新：2026-10-13
<dl>DL 要素
説明リスト（用語と説明のペア）です。用語集やキーと値のメタデータに使われます。
| カテゴリ | リスト |
|---|---|
| コンテンツモデル | フローコンテンツ |
| 許可される親要素 | フローコンテンツを受け入れる要素 |
| 閉じタグ | 必要 </dl> タグ |
| ステータス | 標準 |
📝 構文
<dl>
<dt>用語</dt>
<dd>説明</dd>
</dl>▶ サンプル
下のコードを編集して、playground でリアルタイム結果を確認：
🌐 ブラウザサポート
| ブラウザ |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <dl> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| すべての主要ブラウザでサポート | |||||
ヒント： dl の直接の子要素は dt（用語）と dd（説明）であるべきで、ul/li ではありません。
❓ よくある質問
Qdl は dt と dd をペアで使う必要がありますか？
A構造として
<dl> は複数の「dt＋dd」の組を包みます。dt が用語、dd が説明です。1つの dt に複数の dd（用語の多義）が付くことも、複数の dt が1つの dd を共有すること（同義語）もできます。ただし dt も dd も、dl の外に単独で置くことはできません。Qdl は用語集にしか使えないのですか？
A用語集だけではありません。メタデータのキーと値（「公開日：2026-10-09」など）、FAQ（質問を dt、回答を dd）、商品の仕様一覧などにも適します。判断基準は「名前と値」の構造です。ペアで提示するデータなら、dl で意味づけできます。
Qdl の中に div を直接置けますか？
A置けます。HTML5 では
<dl> の中で <div> が各 dt＋dd の組を包むことが許され、グループへのスタイル適用やマイクロデータの注釈に便利です。div が包めるのは完全な1組だけで、dt と dd を別々の div に分けることはできません。🏷️ 関連タグ
💡 関連ケース
今後さらにケーススタディを追加予定です。
📚 関連チュートリアル
