web-dev-qa-db-ja.com

DL / DT / DDの中に何かを入れることはできますか?

順序なし/順序付きリストと同じように定義リストを使用できますか?

DTまたはDD内にDIVを挿入するという意味ですか?

<dl>
  <dt>
    ...
  </dt>
  <dd>
    ...
  </dd>
</dl>

ブラウザや検索エンジンに文句はありますか?

21
Alex

コメントに基づいて回答を更新:

これは元々2011年にHTML4で回答されましたが、HTML5では回答が異なります。

dtフローコンテンツ。ただし、ヘッダー、フッター、セクションコンテンツ、または見出しコンテンツの子孫はありません。 ddフローコンテンツ。

元の回答:

DT要素には インラインコンテンツ が含まれている必要があります。
DD要素には ブロックレベルのコンテンツ が含まれている必要があります。

定義リストは、リスト項目が用語と説明の2つの部分で構成されているという点で、他のタイプのリストとわずかに異なります。この用語はDT要素によって与えられ、インラインコンテンツに制限されています。説明は、ブロックレベルのコンテンツを含むDD要素で示されます。

出典:W3C

この質問も興味深い読み物です: テーブルの代わりにHTMLフォームに定義リスト(DL、DD、DT)タグを使用するのはなぜですか?

23
Town

DL内には、DTタグとDDタグのみを配置できます。 DTタグは インラインタグ であるため、ブロック要素を入れないでください。 DDタグには、基本的に必要なものをすべて含めることができます。これはフローコンテンツタグです。

10
Arjan

2017年12月の時点で、HTML 5.2仕様に従って、ネストされた<div>タグを<dl>タグ内に1つ追加できるようになりました。

https://www.w3.org/TR/html52/grouping-content.html#the-dl-element

コンテンツモデル:

いずれか:それぞれが1つ以上のdt要素とそれに続く1つ以上のdd要素で構成され、オプションでスクリプトサポート要素と混合された0個以上のグループ。

または:1つ以上のdiv要素。オプションで、スクリプトをサポートする要素と混合されます。

0
Smithee