最近、私のためにデザインされたサイトテンプレートがいくつかありました。検証する最終的なHTMLコードを取得しましたが、ドキュメントの構造はDL-DDペアを使用してレイアウトされています。
<dl>
<dd class="some-class">
Some text.
</dd>
</dl>
これらのタグはあまり使用したことがないため、特に詳しくはありませんが、ドキュメントの構造を意図したものではないようです。私は正しいですか?なぜデザイナーはこれを行うのでしょうか?
最近、私のためにデザインされたサイトテンプレートがいくつかありました。検証する最終的なHTMLコードを取得しましたが、ドキュメントの構造はDL-DDペアを使用してレイアウトされています。
<dl>
<dd class="some-class">
Some text.
</dd>
</dl>
これらのタグはあまり使用したことがないため、特に詳しくはありませんが、ドキュメントの構造を意図したものではないようです。私は正しいですか?なぜデザイナーはこれを行うのでしょうか?
タグはDL
タグとほぼ同じでUL
、順序付けられていないリストを開始します。
違いは、基本的にDL
/DD
カップルに弾丸がないことです。
ただし、ほとんどの場合、それは実際の用途、つまり定義リストとして使用され、次のような定義用語および定義記述であるDT
およびとともに使用されます。DD
<DL>
<DT>CSS</DT>
<DD>Cascading Style Sheet</DD>
</DL>
デフォルトでは、用語を少しインデントし、定義をもう少しインデントします。
WC3から:http ://www.w3.org/TR/html401/struct/lists.html#h-10.3
定義リストは、リスト項目が用語と説明の2つの部分で構成されているという点で、他のタイプのリストとわずかに異なります。この用語はDT要素によって与えられ、インラインコンテンツに制限されています。説明は、ブロックレベルのコンテンツを含むDD要素で示されます。
したがって、あなたの例では、これらのタイプの構造は特定のタイプのコンテンツに使用する必要があり、このコンテキストに適合しないデータの構造化ではありません。
あなたはそれがそのように使われるべきではないという点で正しいです。それらを使用しているデザイナーにとって私が考えることができる唯一の理由は<dd>
、ほとんどのブラウザーでタグがインデントされていることです。それらがそれらのパディング/マージンをオーバーライドしている場合、あなたの推測は私のものと同じくらい良いです。