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>)という、**意味的なペア**を形成するために使われます。レイアウト目的での使用は避けましょう。
私について 利用規約 プライバシーポリシー