<dd>: DD 要素
最終更新：2026-10-13
<dd>DD 要素
説明リスト内で dt に対応する説明・値を表します。
| カテゴリ | リスト |
|---|---|
| コンテンツモデル | フローコンテンツ |
| 許可される親要素 | フローコンテンツを受け入れる要素 |
| 閉じタグ | 必要 </dd> タグ |
| ステータス | 標準 |
📝 構文
<dd>説明の内容</dd>▶ サンプル
下のコードを編集して、playground でリアルタイム結果を確認：
🌐 ブラウザサポート
| ブラウザ |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <dd> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| すべての主要ブラウザでサポート | |||||
ヒント： 1つの dt に複数の dd を、複数の dt が1つの dd を共有できます。
❓ よくある質問
Qdd のデフォルトのインデントはどう消しますか？
Aブラウザは
<dd> にデフォルトで margin-inline-start（約 40px）を付けます。リセットは dd { margin-inline-start: 0; } です。margin-left ではなく margin-inline-start を使えば、RTL レイアウトにも同時に対応できます。Qdd の中に段落やリストを置けますか？
A置けます。
<dd> のコンテンツモデルはフローコンテンツで、段落・リスト・画像・入れ子の dl まで正当です。複雑な説明（dd の中に ul を入れて項目を列挙する）こそ、単純なキーと値の方式に対する dd の強みです。Qdd は dl の中で単独で現れてもいいですか？
A文法的には正当ですが、意味は異常です。dt のない dd は「どの用語の説明か分からない」ことを意味し、バリデーターが警告します。正常な構造は常に dt が先導し dd が従う形で、各 dd には帰属する dt があるべきです。
🏷️ 関連タグ
💡 関連ケース
今後さらにケーススタディを追加予定です。
📚 関連チュートリアル
