<dl>要素の定義
英語の”definition list”より。”definition”は「定義」を表す。定義付きリストを表現するための要素で、「用語集」であったり、キーと値のセットになる「メタデータ」をなどに利用できます。
子要素として使用できるもの
0個以上の <dt> 要素と、それに続く1個以上の <dd> 要素。
または、1個以上の <div> 要素や任意で <script> 要素や <template> 要素が混在するもの。
<dl> 要素の子要素に <div> 要素を指定するのは少々トリッキーな気もしますが、<dt> 要素と <dd> 要素の組をワンセットにして扱いたいような場合に有効な方法です。
親要素として使えるもの
フローコンテンツを受け入れるすべての要素。
許可されている ARIA ロール
group, presentation
DOMインターフェース
HTMLDListElement
属性
グローバル属性のみが指定できます。
サンプル
シンプルな定義付きリスト
See the Pen mZjwXy by Masahiko Iwakiri (@m-iwakiri) on CodePen.
用語と定義が1対1でない例
See the Pen xoJrQM by Masahiko Iwakiri (@m-iwakiri) on CodePen.
このサイトでは、HTML要素や属性の定義は下記サイトを参考にしています。
MDN Web Docs： https://developer.mozilla.org/ja/
W3C仕様の正確な定義、最新情報は上記サイトをご覧ください。
コメント