dl要素

dl要素とは

dl要素は、説明リストと呼ばれます。用語を示すdt、用語の説明を示すdd要素といっしょに使われます。

dlの定義は、以下のとおりです。

dlは、データの表示でも使えます。例えば、dtでキーを記述して、ddをその値にしてリスト化します。

利用例

以下は、dlを使ったHTMLの例です。

<dl>
<dt>テント</dt>
<dd>テントは、キャンプでの寝場所です。</dd>
<dt>ランタン</dt>
<dd>ランタンは、明かりです。</dd>
</dl>

これをブラウザで表示すると、以下になります。

以下のように、1つのdtに対して説明のddを複数持つこともできます。また、説明というよりは更新日のデータを表示しています。

<dl>
<dt>更新日</dt>
<dd>2020/11/1</dd>
<dd>2020/11/10</dd>
</dl>

逆に、複数のdtに対して1つのddにすることもできます。

divを子要素にする例は、以下です。

<dl>
<div>
<dt>作成日</dt>
<dd>2020/11/1</dd>
</div>
<div>
<dt>最終更新日</dt>
<dd>2020/12/1</dd>
</div>
</dl>

これは、divでグループ化してスタイルを設定したりする時に使います。

属性

グローバル属性が使えます。

ブラウザのサポート状況

各ブラウザの最新バージョンでのサポート状況は、以下のとおりです。

〇

サポート

△

制限あり

×

未サポート

？

不明

IE

Internet Explorer

Ed

Edge

Fx

Firefox

Ch

Chrome

Sa

Safari

Op

Opera

An

Android Browser

Sm

Samsung Internet

※スマートフォンのFirefoxとChromeは、Android版です。