HTML辞書ホームへ
HTML要素辞書 by Sentaro
<dd>
説明の詳細（Description Details）要素。定義リストの用語に対する説明を提供します。
info
概要
<dd> 要素（Description Details/説明の詳細）は、定義リスト <dl> 要素の子要素として、直前の <dt> 要素（Definition Term/定義する用語）で示された用語に対する具体的な説明や定義、値を提供します。
<dl>、<dt>、<dd> はセットで使用され、用語とその説明（定義）を構造化するために用いられます。
play_circle
静的デモ
HTML
<dl>
<dt>HTML</dt>
<dd>Webページの構造を定義します。</dd>
<dt>CSS</dt>
<dd>Webページの見栄えを定義します。</dd>
</dl>
Preview (Result)
- HTML
- Webページの構造を定義します。
- CSS
- Webページの見栄えを定義します。
list
属性 (Attributes)
| 属性名 | 説明 |
|---|---|
| なし | <dd> 要素には、固有の必須属性はありません。ただし、グローバル属性（class, id, langなど）は使用可能です。 |
code
実用例
1. 定義リストとしての利用
<dl>
<dt>著者</dt>
<dd>山田 太郎</dd>
<dt>発行日</dt>
<dd>2025年12月14日</dd>
</dl>
2. 複数の説明（詳細）を持つ用語
<dl>
<dt>Web</dt>
<dd>World Wide Webの略。</dd>
<dd>インターネット上で文書を公開・閲覧するシステム。</dd>
</dl>
3. 複数の用語に対する単一の説明
<dl>
<dt>りんご</dt>
<dt>みかん</dt>
<dd>ビタミンCが豊富な果物です。</dd>
</dl>
lightbulb
知っておくと良い知識
info
親要素のルール
<dd> 要素は、必ず親要素である <dl>（定義リスト）の直下の、<dt>（定義する用語）の直後に配置しなければなりません。単独で <dd> 要素を使用することはできません。
accessibility_new
セマンティクス（意味）
<dd> は単なるインデント（字下げ）のための要素ではありません。用語（<dt>）とその説明（<dd>）という、意味的なペアを形成するために使われます。レイアウト目的での使用は避けましょう。