wulin.comの記事紹介(www.vevb.com):xhtmlチュートリアル:dl、dt、ddは、リストクラスのタグを定義します。
リストを作成する場合、通常はULタグとLIタグのみを使用します。 DL、DT、およびDDについては、それらがめったに使用されません。これらの3つのタグは、リストクラスを定義するタグです。以下の一般的な使用法を教えてください。最初にこのリストのコードを分割しましょう。1234 <dl> <! - 定義リスト(定義リスト) - > <dt> </dt> <! - 定義用語(定義項目) - > <dd> </dd> <! - 定義説明(定義説明) - > </dl>>
上記のコードを見ると、ここには<li>タグがないが、3つのタグdl、dt、およびddで構成されていることがわかりました。外観と前のリストによると、DLはボックスのようにこのリストのコンテナであることがわかります。違いは、今回は箱が統一された標準を備えた単一の小さなボックスではないことです。代わりに、2つの異なる内容がありますが、DTとDDをどのように理解しますか?意味的には、DTは名前、タイトル、DDは説明、コンテンツです。 DTとDDはどちらもボックスであり、DDは上記のDTSの1つのみを解釈するだけで、さらに説明することはできません。 DTが存在しない場合、DDには意味がありません。 DTがそれに従わなければならないかどうかについての正確な文献を見つけていません。ただし、定義リストの理解に基づいて、データにDTとDDのみがない場合、これは定義リストになることはできず、ULの順序付けリストを使用するだけだと思います。しかし、データにDDを持っていないデータには1つまたは少数しかない場合、それらのほとんどがDDを持っている場合、Yuanziはこのフォームが存在できると考えています。
別の例を見てみましょう:
123456 <DL> <DT>ソート付きリスト</dt> <dt>並べ替え済みリスト</dt> <dt>並べ替え済みリスト</dt> <dt>ソート済みリスト</dt> <dt>ソート付きリスト</dt> </dl>> </dl>
上記は明らかに不適切です。このフォームは、順序付けられていないリストです。なぜ定義されたリストを使用する必要があるのですか?セマンティクスの観点からは意味がありません。
DTは複数のDDを運ぶことができますか?例:
12345678 <DL> <DT>国内のテレビ局</dt> <dd>中央セット</dd> <dd>中央セット</dd> <dd> <dd>中央セット</dd> <dd>中央セット</dd> <dd>中央セット</dd> <dd>
個人的には、上記のフォームが実行可能だと思います。 DTが複数のDDを運ぶことができるかどうかの問題に関して、この点に関するドキュメントは見つかりませんでした。また、いくつかの有名なWebサイトには、複数のDDがあるこのようなDTがまだたくさんあります。これについての私の意見は、さまざまな状況で複数のDDを持っていることは問題ないということですが、一般的にこのアプローチはまだ不足していると思います。説明の観点から、複数のDDSは複数の説明を示していますか?または、セグメントのコンテンツを説明したい場合は、DDを犬を捕まえるラットにする必要はありません。多くの段落タグをDDに埋め込むことができます。さらに、スタイルアプリケーションの観点から見ると、複数のDDが全体として緩んでおり、それらの設計は拡張できません。たとえば、DTをクリックして対応するDD効果を非表示にする場合、このマルチDDの方法はそれほど簡単ではありません。したがって、それが特別な目的でない場合は、可能な限り複数のDDで1つのDTを使用しないようにしてください。代わりに、コンテンツをDDに入れます。セグメント化されている場合は、パラグラフラベルを使用し、セグメント化されている場合は、秩序または並べ替えられていないリストを表現します。あなたの意見はどうですか?
最後に、あなたの参照のより良い例をあなたに与えたいと思います:
12345678 <DL> <DT>「Spirited Away」</dt> <dd>この陰謀は、10歳の少女Chihiroが両親と一緒に都市から田舎に移動する物語を語っています。予想外に、動いている間に家族に事故が起こりました。彼らは、スープハウスの所有者魔女によって制御された独特の世界に入ります - そこでは、働いていない人が動物に変わります。 </dd> <dt> "tongkat" </dt> <dd>父親と一緒に田舎に引っ越した2人の姉妹は、家の隣にある大きな木の下でトトロを見つけました。その間に多くの信じられないほどの興味深い物語が起こっています。 </dd> </dl>