dl - 関連リスト(記述リスト)

一つ以上の名前(dt要素)と一つ以上の値(dd要素)から構成される必要があります。
辞書のように、語彙を定義したり、FAQのようなリストを定義するのによく使われます。(質問にdt要素、回答にdd要素)

dl要素のブラウザ別サポート状況

- ie6 ie7 ie8 ie9 firefox4 chorme safari5 opera10
dl

dl要素のHTML4からHTML5への変更点

HTML5では、一つのdt要素に対して複数のdd要素を指定したり、 複数のdt要素に対して一つのdd要素を指定することができるようになりました。

コンテンツ属性

グローバル属性 すべての要素で共通に使える属性。HTML5で新たに定義された属性もあります。

「基本」のサンプル

HTMLコード

<dl>
 <dt>名前A</dt>
 <dd>dd要素はその値を定義します。</dd>
 <dd>ここのdd要素も上の『名前A』のdt要素に関連します</dd>
 <dt>名前B</dt>
 <dd>この要素は、『名前B』に定義します</dd>
</dl>

プレビュー

対応していないブラウザでは正しくプレビューされません。

別ウィンドウで「基本」のサンプルプレビューを確認

「ひとつの定義がふたつの用語に結び付けする」のサンプル

HTMLコード

<dl>
 <dt lang="en-US"> <dfn>color</dfn> </dt>
 <dt lang="en-GB"> <dfn>colour</dfn> </dt>
 <dd>この例では異なる言語で複数の読み方があり、それに対しての説明が定義されています。</dd>
</dl>

プレビュー

対応していないブラウザでは正しくプレビューされません。

別ウィンドウで「ひとつの定義がふたつの用語に結び付けする」のサンプルプレビューを確認

「2つのラベルと二つの値を持っている例」のサンプル

HTMLコード

<dl>
 <dt>ラベル1</dt>
 <dt>ラベル 2</dt>
 <dd>ラベル1と2に対する値1 </dd>
 <dd>ラベル1と2に対する値2 </dd>
</dl>

プレビュー

対応していないブラウザでは正しくプレビューされません。

別ウィンドウで「2つのラベルと二つの値を持っている例」のサンプルプレビューを確認

原文(英語):(http://www.w3.org/TR/2010/WD-html5-20100624/grouping-content.html#the-dl-element)