元のテキスト:http://andymao.com/andy/post/104.html
前のセクション:注文リスト順序付けられていないリストと順序付けられたリストを書いた後、誰かがこれらの2つの記事が無意味であると私に言った。これらの2つの記事が一方向の読み物でのみ読まれている場合、それは本当に意味がありませんが、これらの2つの記事の重要なことは、読者に自分の考えに追加するように頼むことです。順序付けられた無秩序なシングルタグはシンプルで、それらの使用方法を知っていますが、重要なポイントはこのタグがどのように見えるかを知ることではありませんが、重要なポイントは、どのようなデータがどのようなリストに適しているかです。どのようなデータが順序付けられ、どのようなデータが乱れていますか?あなたが物事を学ぶことができ、あなたの知識があなたのものであるように、あなたは読んだ後に考えなければなりません。
定義リストには特別なフォームと使用法があります。障害のあるリストと比較して、定義リストははるかに少ないです。このリストの使用をまだ開始していない友人もたくさんいるので、このリストのコードを分類しましょう。
<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を持っている場合、このフォームが存在する可能性があると思います。
<dl>
<dt>並べ替え済みリスト</dt>
<dt>並べ替え済みリスト</dt>
<dt>並べ替え済みリスト</dt>
<dt>並べ替え済みリスト</dt>
</dl>
上記は明らかに不適切です。このフォームは、順序付けられていないリストです。なぜ定義リストを使用する必要があるのですか?セマンティクスの観点からは意味がありません。
<dl>
<dt>並べ替え済みリスト</dt>
<dd>並べ替えられたリストは、リストのシーケンスされたデータによって編成されたデータフォーム</dd>
<dt>並べ替え済みリスト</dt>
<dd>並べ替えられたリストは、リストのシーケンスされたデータによって編成されたデータフォーム</dd>
<dt>この文には説明がありません</dt>
<dt>並べ替え済みリスト</dt>
<dd>並べ替えられたリストは、リストのシーケンスされたデータによって編成されたデータフォーム</dd>
</dl>
個人的には、上記のフォームが実行可能だと思います。 DTは複数のDDを運ぶことができますか?また、この点に関するドキュメンタリーの指示は見つかりませんでしたが、いくつかの有名なWebサイトには複数のDDがあるこのようなDTがまだたくさんあります。これについての私の意見は、さまざまな状況で複数のDDを持っていることは問題ないということですが、一般的にこのアプローチはまだ不足していると思います。解釈の観点から、複数のDDが複数の説明を示していますか?または、セグメントのコンテンツを説明したい場合は、DDを犬を捕まえるラットにする必要はありません。多くの段落タグをDDに埋め込むことができます。さらに、スタイルアプリケーションの観点から見ると、複数のDDが全体として緩んでおり、それらの設計は拡張できません。たとえば、DTをクリックして対応するDD効果を非表示にする場合、このマルチDDの方法はそれほど簡単ではありません。したがって、それが特別な目的でない場合は、可能な限り複数のDDで1つのDTを使用しないようにしてください。代わりに、コンテンツをDDに入れます。セグメント化されている場合は、パラグラフラベルを使用し、セグメント化されている場合は、秩序または並べ替えられていないリストを表現します。
それについて話すことから始めましょう。ラベル自体には何もありません。重要なのは、それを適用する方法を考えることです。カスタムリストを使用するかどうかを確認するために、以下の写真を教えてください。一緒に議論しましょう。