DLとDDの適切な使用？

Question

最近、自分用に設計されたサイトテンプレートがいくつかありました。検証する最終的なHTMLコードを取得しましたが、ドキュメントの構造はDL-DDペアを使用してレイアウトされています。

<dl>
  <dd class="some-class">
    Some text.
  </dd>
</dl>

これらのタグをあまり使用したことがないため、これらのタグに特に精通しているわけではありませんが、ドキュメント構造用ではないようです。私は正しいですか？デザイナーがこれを行うのはなぜですか？

Answer 1

そのように使用すべきではないという点であなたは正しい。デザイナーがこれらを使用していると考えることができる唯一の理由は、ほとんどのブラウザで<dd>タグがインデントされていることです。彼らがそれらのパディング/マージンをオーバーライドしている場合、あなたの推測は私のものと同じくらい良いです。

Answer 2

DLタグはULタグとほぼ同じで、順不同リストを開始します。

違いは、基本的にDD / DTカップルに弾丸がないことです。

ただし、ほとんどの場合、実際の使用に使用されます。つまり、 D 定義 L istであり、<=>および<= >、 D 定義 T ermおよび D 定義 D のような説明：

<DL>
  <DT>CSS</DT>
  <DD>Cascading Style Sheet</DD>
</DL>

デフォルトでは、用語を少しインデントし、定義をもう少しインデントします。

Answer 3

WC3から： http：//www.w3。 org / TR / html401 / struct / lists.html＃h-10.3

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

したがって、これらのタイプの構造は、特定のタイプのコンテンツに使用し、このコンテキストに適合しないデータの構造には使用しないでください。