htmlリストラベルulol dl


まず、スクリーンショットを見てみましょう.
このようなリスト形式で表示される内容は、Webページではリストと呼ばれ、よく見られると思いますが、Wordにもあり、多くのドキュメント編集にもあります.HTMLのリストには、無秩序リスト、秩序リスト、定義リストの3種類があります.
では、まずリストを理解します.私たちの日常生活の仕事は些細で筋道が立たないが、効率的な友好的な情報を得るには、情報を整理し、分類しなければならない.このようにしてこそ、効果的に情報を伝えることができます.リストで同類の内容を簡単にまとめるのが、リストの基本的な役割だと思います.よくある用途は、図書目録、ホテルのメニュー、人員リスト、待機事項などです.これらの情報の多くは、大編の情報内容ではなく、簡単なタイトルです.もちろんリストの用途はタイトル情報をまとめるだけではなく、リストは内容の多少を制限していない.ただ、リストでまとめるのはタイトル情報が多いだけです.
無秩序リストでは、無秩序リストをどのように理解しますか?無秩序な対応は秩序であり、字面から理解するのは簡単で、秩序は彼自身が前後の順序を明記していることであり、これは厳格であり、これらの情報自体が順序特性を持っている.例えば、操作手順を書くには、最初のステップと2番目のステップを明確にする必要があります.このような情報は必然的に秩序正しく、無秩序ですか?つまりそれ自体が無秩序で何の順序もないということです.ここでは、政府部門のリーダーシップリストの前後の順序が最も頭を悩ませていることを例に挙げて考えてみましょう.彼らは時々順位をつけないと書いていますが、実際には順位があります.では、ここで質問したいのは、このようなリストにシーケンス表が適用されているのか、それとも無秩序リストが適用されているのか.もちろんこれには標準的な答えはありません.誰もがそれぞれの考えを持っています.では、あなたはどう思いますか.コメントにあなたの考えを残してもいいです.ここで私は私がどのように考えているかは言わないで、みんながもっと頭を働かせて、もっと考えてほしいです.
無秩序リストのラベル形式は次のとおりです.
1
2
3
4
5
6

ここでは、無秩序リストには2つの部分があり、1つは最も外側のラベルであり、1つは中の内容
  • であることに注意してください.
  • は標準化された小さな箱で、彼らは主にリスト情報を保存していますが、大きな箱で、彼の役割は小さな箱を保存することです.これらの小さな箱は大きな箱の中に置いてこそ、彼らはなくすことはありません.整然としていて輸送(移植)、保管(位置決め)に有利である.では、リストには段落と同じように多くの属性があります.例えば、idやclass、titleなどの属性を設定することができます.その特徴は段落と同じです.
  • にはこれらの属性があってもよいが、一般的にはリストは同類であり一般的には特殊化処理は行われない.
    秩序あるリスト情報は無秩序にまとめられる場合もあるが,明確な順序がある場合もあり,前編でも述べた.では、簡単に身の回りに何が前後しているのか考えてみましょう.操作手順、ランキング、本のカタログ......以前、私たちはこれらの順序や数字にソートされている内容に直面したとき、データの前に自分で数値を加えたり、プログラムにこの数値を加えたりしていました.シーケンステーブルを使用すると、そんなに面倒な必要はありません.自分で序数を記入する必要はありません.単層リストの場合、この特性は明らかではないようですが、多層を使用する場合、その特性は明らかです.まず、シーケンステーブルのコード形式について説明します.
    1
    2
    3
    4
    5
    6
    7
    

    この形式は無秩序リストと同様で,周辺ラベルで名前が異なるだけであることが分かった.無秩序はULで、秩序はOLになります.異なるのは、シーケンステーブルが無秩序よりも多くのラベル属性を持つことです.秩序あるので順序の各方面にかかわる.
    シーケンステーブルの開始値を変更すると、通常、ブラウザはアラビア数字「1」から自動整列番号を開始します.特殊なことですが、シーケンステーブルが2つの部分になる必要がある場合は、次の人が最初から番号をつけるのは当然間違っています.では、次の部分の番号は、前の段落の最後の番号に1を付けて開始番号にします.つまり、リストの開始値を変更する必要があります.開始値を変更するプロパティは「start」で、正式な書き方は:
    1
    2
    3
    4
    5
    6
    7
    

    リストの開始値が6から始まるというコードを自分でテストしてみてください.では、シーケンステーブルにこの属性を加えてみて、変わったかどうか見てみましょう.
    番号タイプを変更するブラウザでは、デフォルトではアラビア数字がリスト番号になっていますが、他のタイプはありますか?あります.属性は「type」ですが、提供されるタイプは多くありません.5種類しかありません.
    タイプ値
    スタイルの生成
    シーケンスの例
     A
    大文字
     A、B、C、D、E
     a
    小文字
     a、b、c、c、e
     I
    ローマ数字
     I、II、III、IV、V
     i
    小文字のローマ数字
     i、ii、iii、iv、v
     1
    アラビア数字
     1、2、3、4、5
    コードの書き方は次のとおりです.
    1
    2
    3
    4
    5
    6
    7
    

    このタイプの値はcssのように設定できるので、あまり使わないほうがいいと思います.園子はいつもスタイルのことはスタイル言語でやるべきだと主張している.特別な理由がない限り、この属性は使わないほうがいいです.もちろんCSS 1でもCSS 2でも中国はほとんど考えていませんが、CSS 2では日本語の番号文字が提供されていますが、中国語はまだありません.この点でCSS 2には欠陥があると思いますが、少なくとも彼はより良い拡張形式を提供していません.彼は提供していませんが、私たちは同じように私たちの形式で多様化を完成することができます.
    カスタムクラステーブル
    とliラベル、dl、dt、ddについては一般的にはあまり使われていませんが、この3つのラベルは定義リストクラスに属するラベルで、次の園では大まかな使い方を説明します.まず、このリストのコードを分解します.
    1
    2
    3
    4
    

    上のコードを見ると、ここには
  • のラベルが現れていないのではなく、DL、DT、DDの3つのラベルから構成されていることがわかります.外形と前のリストによると、DLはこのリストの容器であり、箱のようなもので、違いは今回の箱には統一基準の単一の小さな箱だけではありません.このDTとDDをどう理解すればいいのでしょうか?意味的には、DTは名前でタイトルで、DDは解釈で内容です.DTとDDはすべて箱で、DDは彼の上のDTを説明するだけで、級を越えたり下に説明したりすることはできません.DTが存在しないときはDDも存在する意味がなく、DTが必ずしもDDをフォローする必要があるかどうかについては、まだ正確な文献を見つけていないので説明できますが、定義リストに対する理解では、データの中にDTだけDDがなければ定義リストにはならないと思います.UL無秩序リストを直接使えばいいと思います.しかし、データの中にDDがなく、ほとんどがDDを持っている場合、園子はこのような形式が存在することができると考えています.
    例を見てみましょう
    1
    2
    3
    4
    5
    6
    

    以上は明らかに不適切で、このような形式は無秩序なリストで、定義リストを使う必要はありません.意味的にも通じません.
    1つのDTは複数のDDを持ってもいいですか?例:
    1
    2
    3
    4
    5
    6
    7
    8
    

    上記の形式は個人的には可能だと思います.1つのDTが複数のDDを持つことができるかどうかの問題について、この点で私は同様に文献の説明を見つけていません.そして、いくつかの有名なウェブサイトでは、このような1つのDTが複数のDDを持っているのは依然として多いです.私の見方では、物殊の場合は1つのDTに複数のDDを持っていくことができますが、一般的にはこのようなやり方が欠けていると思います.解釈から見ると、複数のDDは複数の解釈を示しているかどうか.あるいは、説明内容をセグメント化したり、DDをネズミを捕まえる犬にしたりする必要はありません.1つのDDに複数の段落ラベルを完全に埋め込むことができます.さらにスタイルの応用から言えば,複数のDDは全体的に緩やかで,その設計の拡張性が不足している.例えば、DTをクリックして対応するDDを隠す効果を作ると、このようなマルチDDのやり方はそれほどよく実現されません.だから特殊な用途ではない情況の下でできるだけ1つのDTを使って複数のDDのやり方を持っていないで、やはり内容をDDの中に置いて、セグメントのは段落のラベルにやらせて、リストのを分けて秩序あるいは無秩序なリストに表現させます.ご意見は?
    最後に、参考までに良い例を示します.
    1
    2
    3
    4
    5
    6
    7
    8
    
    《 》
    10 。 , 。 —— 。
    《 》
    , TOTORO。 。