ネストされたCSSスタイルの<ul>および<ol>タグの代わりに<dl>、<dt>、および<dd>タグを使用する論理的な理由はありますか?それとも、廃止されるのを待っている古いタグのグループですか?
3 に答える
W3C仕様の引用:
dl要素は、0個以上の名前と値のグループで構成される関連付けリスト(説明リスト)を表します。各グループは、1つ以上の名前(dt要素)とそれに続く1つ以上の値(dd要素)で構成されている必要があります。単一のdl要素内では、名前ごとに複数のdt要素があってはなりません。
したがって、タグとタグの主な理由は、<dl>
ネストされたリストを使用した場合に失われる名前と値のペアのセマンティック接続を保持することです。<dt>
<dd>
ネストされたリストを使用する場合、これはさまざまな理由で実行でき(現在、多くのメニューはネストされたリストに構造化されています)、セマンティックアノテーションを尊重するクローラーやその他のシステムでは違いがわかりません。
ただし、上記のタグを使用すると、システムは接続を認識し、それに応じて動作することができます。したがって、将来的には、より大きなドキュメント内の用語のすべての定義を抽出して、ある種の用語集を作成するために使用する可能性があります。
- DL
-
定義リストは、DT要素とDD要素のコンテナ要素です。DL要素は、ドキュメントに用語の定義を組み込みたい場合に使用する必要があります。用語集で多くの用語を定義するためによく使用されます。また、作成者が用語をより詳しく説明したい場合は、「通常の」ドキュメントでも使用されます。詳細(この定義のように)。
- DT
-
定義リストで現在定義されている用語。この要素にはインラインデータが含まれています。
- DD
-
定義の説明要素には、定義用語を説明するデータが含まれています。このデータはインラインの場合もあれば、ブロックレベルの場合もあります。
W3Cドキュメントから:
定義リストは、リスト項目が用語と説明の2つの部分で構成されているという点で、他のタイプのリストとわずかに異なります。この用語はDT要素によって与えられ、インラインコンテンツに制限されています。説明は、ブロックレベルのコンテンツを含むDD要素で示されます。
W3Cページにはいくつかのマークアップの例があります。