このウェブサイトはご利用の端末での閲覧に対応していません。
This website does not support your device.

dt”要素:説明リストの説明対象

記事Apr. 18th,2015
July 7th,2020
説明リストの説明対象を表す要素
この記事はHTML Living Standardに対応しています。
この記事はHTML Living Standardに対応しています。

要素について

カテゴリー なし
利用場所 dl”要素もしくはdiv”要素の子要素である“dt”要素もしくはdd”要素の前
内容 フロー・コンテンツ(ただし、header”要素footer”要素セクショニング・コンテンツヘッディング・コンテンツは子要素に持つことができない)
タグの省略 開始タグは省略不可
直後に“dt”要素もしくはdd”要素が続く場合は終了タグを省略可能

dt”要素は祖先要素となるdl”要素で表される説明リストで説明される対象を表す要素です。

dt”要素の内容は後に続くdd”要素の中で説明される用語であることを表します。dd”要素が後に複数連続する場合はそれらの内容は“dt”要素の内容の説明や関連するテキストとなります。

dt”要素の内容がdd”要素で定義される用語である場合はdfn”要素と併用します。

サンプルコード

説明リスト

<dl>
<dt>地球</dt>
<dd>太陽から3番目の惑星</dd>
<dd>“月”と呼ばれる衛星がある</dd>
<dd>塩水で満たされた海という領域が地表の70.8%を占める</dd>
<dt>土星</dt>
<dd>太陽から6番目の惑星</dd>
<dd>太陽系で2番目に大きい</dd>
<dd>特徴的な環がある</dd>
<dt>冥王星</dt>
<dd>惑星から外された</dd>
</dl>
地球
太陽から3番目の惑星
“月”と呼ばれる衛星がある
塩水で満たされた海という領域が地表の70.8%を占める
土星
太陽から6番目の惑星
太陽系で2番目に大きい
特徴的な環がある
冥王星
惑星から外された

一般的なブラウザでは説明が用語よりも大きな字下げを伴って表示されます。

複数の用語に同じ説明を加えることもできます。

<dl>
<dt>冥王星</dt>
<dt>エリス</dt>
<dt>マケマケ</dt>
<dt>ハウメア</dt>
<dd>惑星に次ぐ存在とされる準惑星。</dd>
</dl>
冥王星
エリス
マケマケ
ハウメア
惑星に次ぐ存在とされる準惑星。

定義リスト

<dl>
<dt><dfn>りんご</dfn></dt>
<dd>バラ科リンゴ属の落葉高木樹</dd>
<dt><dfn>もも</dfn></dt>
<dd>バラ科モモ属の落葉小高木樹</dd>
<dt><dfn>マンゴスチン</dfn></dt>
<dd>フクギ科フクギ属の常緑高木樹</dd>
</dl>
りんご
バラ科リンゴ属の落葉高木樹
もも
バラ科モモ属の落葉小高木樹
マンゴスチン
フクギ科フクギ属の常緑高木樹

属性と値

属性
属性 説明 説明
必須属性
なし
任意属性
グローバル属性

仕様書

dt”要素はHTML2.0から定義されている要素です。現行の仕様であるHTML Living Standardでも定義されています。

定義されている仕様書
HTML 4 HTML 5 HTML 5.1 HTML 5.2 HTML Living Standard
<dt>
定義あり

定義あり

定義あり

定義あり

定義あり
DOMインターフェース

dt”要素は“HTMLElement”インターフェイスを使用します。

UAスタイルシート
@namespace url(http://www.w3.org/1999/xhtml);

dt {
unicode-bidi: isolate;
display: block;
}

/* 文書の文字エンコーディングが ISO-8859-8 である場合 */
dt {
unicode-bidi: bidi-override;
}
HTMLタグ辞書
HTMLタグ辞書
一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク