ホームページ  >  記事  >  ウェブフロントエンド  >  HTMLチュートリアル: 定義リスト_HTML/Xhtml_Webページの作成

HTMLチュートリアル: 定義リスト_HTML/Xhtml_Webページの作成

WBOY
WBOYオリジナル
2016-05-16 16:46:071503ブラウズ

原文: http://andymao.com/andy/post/104.html
前のセクション: 順序付きリスト
「順序なしリスト」と「順序付きリスト」を書いた後、この 2 つの記事は面白くないと言われたことがあります。この 2 つの記事を一方的に読むだけでは確かに意味がありませんが、この 2 つの記事で重要なのは、読者に自分の考えを加えることを要求していることです。順序付きおよび順序なしの単一タグは、使い方を知っていれば非常に簡単ですが、重要なのはタグがどのようなものかを知ることではなく、どのような種類のリストがどの種類に適しているかを知ることだと思います。データの。どのような種類のデータが順序付けされており、どのような種類のデータが順序付けされていませんか?読んだ後に考えることで、何かを学び、その知識を自分のものにすることができます。
定義リストには特別な形式と使用法があり、順序なしリストと比較すると、使用頻度ははるかに低くなります。このリストを使い始めていない友人もたくさんいるので、このリストのコードを詳しく見てみましょう。




上記のコードを見ると、
  • タグはここには表示されていませんが、DL、DT、DD の 3 つのタグで構成されていることがわかります。外観と前のリストに基づいて、DL は次のとおりであることがわかります。このリストのコンテナは、箱と同じですが、今回は箱の中に統一規格の小さな箱が 1 つだけあるわけではないという点が異なります。代わりに、2 つの異なる内容が表示されます。この DT と DD をどのように理解すればよいでしょうか。意味的に言えば、DT は名前、タイトルであり、DD は説明、内容です。 DT と DD はどちらもボックスであり、DD はその上の DT の説明にのみ対応しており、レベルを越えたり下位に解釈したりすることはできません。 DT が存在しない場合、DD は存在する意味がありません。また、DT がそれに従うために必ずしも DD を必要とするのかどうか、この点を説明する正確な文献は見つかりませんでしたが、定義リストの理解に基づいて、次のように思います。データ内に DT のみが存在し、DD がない場合、これは定義リストであることはできず、UL 順序なしリストを使用するだけです。ただし、DD を持たないデータが 1 つまたは少数だけで、ほとんどのデータに DD がある場合には、この形式が存在し得ると思います。

    順序付きリスト

    順序付きリスト

    順序付きリスト

    順序付きリスト


    上記の形式は明らかに不適切です。なぜ定義リストを使用するのでしょうか?

    順序付きリスト

    順序付きリストは、順序付けされたデータがリストに編成されたデータ形式です

    順序付きリスト

    順序付きリストとは、順序付けされたデータをリストにまとめたデータ形式です

    この文については説明がありません

    順序付きリスト

    順序付きリストは、順序付けされたデータをリストにまとめたデータ形式です


    個人的には上記の形式が実現可能だと考えています。では、1 つの DT が複数の DD を運ぶことができるのでしょうか?また、これが不可能であると述べた文献も見つかりませんでした。いくつかの有名な Web サイトには、複数の DD を持つ 1 つの DT の例がまだたくさんあります。これについての私の意見は、特殊な状況下では 1 つの DT に複数の DD を持たせることは問題ないということですが、一般的にはこのアプローチはまだ不足していると思います。解釈の観点から見ると、複数の DD は複数の解釈を示しますか?あるいは、説明を段落に分けて説明する必要があり、DD をネズミを捕まえる犬にする必要はありません。 DD には多くの段落タグを埋め込むことができます。また、スタイル適用の観点から見ると、複数の DD は全体的にルーズであり、設計の拡張性が十分ではありません。たとえば、DT をクリックして対応する DD を非表示にする効果を作成したい場合、このマルチ DD アプローチの実装はそれほど簡単ではありません。したがって、特別な目的がない場合は、複数の DD で 1 つの DT を使用することは避け、段落タグを使用して分割を実行します。
    最初から話しましょう。ラベル自体は何もありません。重要なのは、それをどのように適用するかを考えることです。カスタム リストを使用する必要があるかどうかを確認するための図を次に示します。一緒に話し合いましょう。
  • 声明:
    この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。