dl要素[HTML5]

<dl>…… 定義・説明リストを表す

<dl>タグは、定義・説明リストを表す際に使用します。<dl>~</dl>の中に、<dt>タグで定義・説明される言葉を、<dd>タグでそれに対応する説明を配置してリストを作成します。例えば、用語の定義リストを作成したり、何かの手順を箇条書きで説明する場合などに使用します。

■HTML4.01からHTML5へのバージョンアップによる変更点

<dl>タグのdlの由来ですが、HTML4.01ではdefinition list(定義リスト)の意味であることが示されていました。HTML5でははっきりとは示されていませんが、description list(説明リスト)という程度の意味のようです。また、<dt>タグはdefinition term(定義される言葉)からdescription term(説明される言葉)へ、<dd>タグはdefinition description(定義の説明)からdescription, definition(説明や定義)へと、微妙にニュアンスが変更されているようです。

これは、おそらく、dl要素は用語の定義に対してだけではなく、箇条書きに並べて何かを説明する際などにも使用できるという意図があるのではないかと思われます。定義語リストを作成する場合には、<dt>~</dt>の中に配置する言葉を<dfn>~<dfn>で囲むことで、その言葉が定義語であることが明確になります。

HTML5では、<dl>~</dl>の中の<dt>と<dd>は、必ずしも一対一である必要はありません。一つの定義(dt)に対して複数の説明(dd)をしたり、複数の定義(dt)に対して一つの説明(dd)も可能です。

参考:http://www.htmq.com/html5/dl.shtml

カテゴリー: HTML5, HTMLの基礎知識, ナレッジノート   パーマリンク