HTML辞書ホームへ
HTML要素 辞書 by Sentaro
<dd>
説明の詳細(Description Details)要素。定義リストの用語に対する説明を提供します。
info
概要
<dd> 要素(Description Details/説明の詳細)は、定義リスト <dl> 要素の子要素として、直前の <dt> 要素(Definition Term/定義する用語)で示された**用語に対する具体的な説明や定義、値**を提供します。
`
- `、`
- `、`
- ` はセットで使用され、用語とその説明(定義)を構造化するために用いられます。
play_circle
デモ (静的表示)
HTML (Source)
<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>)という、**意味的なペア**を形成するために使われます。レイアウト目的での使用は避けましょう。