HTML チュートリアル: 順序付きリスト_HTML/Xhtml_Web ページの作成

原文: http://andymao.com/andy/post/103.html
前のセクション: 順序なしリスト
情報は順番がバラバラにまとめられることもありますが、前の記事でも触れたように、明確な順序があるものもあります。したがって、操作手順、ランキング、本のカタログなど、身の回りのものがどのような順序になっているかを単純に考えてください。以前は、これらのコンテンツに順序や順序を示す数字が付けられている場合、ほとんどの場合、データの前にそれらを追加していました。 、またはプログラムによって追加された値。順序付きリストを使用する場合は、それほど面倒な作業は必要ありません。単一レベルのリストを使用する場合、この機能は明らかではありませんが、明らかになります。複数のレベルを使用する場合。それでは、まず順序付きリストのコード形式を理解しましょう。

1. これはリストの内容です、これは最初の文です


2. これはリストの内容です、これは 2 番目の文です


3. これはリストの内容です、これは 3 番目の文です


4. これはリストの内容です、これは 4 番目の文です


5. これがリストです。これが 5 番目の文です

周辺ラベルの名前が異なることを除いて、その形式は順序なしリストの形式と同じであることがわかります。無秩序はUL、秩序はOLになります。違いは、順序付きリストには順序なしリストよりも多くのタグ属性があることです。注文されるものであるため、注文のあらゆる側面が関係します。
開始値の変更
通常、ブラウザはアラビア数字「1」から順に自動的に番号を付けます。ただし、順序付きリストを 2 つの部分に分割する必要がある場合は、次の人が最初から番号を付けるのは当然間違っています。次に、次の部分の番号は、当然、前の段落の最後の番号に開始番号として 1 を加えたものになります。これは、リストの開始値を変更する必要があることを意味します。開始値を変更する属性は「start」です。正式な書き方は次のとおりです。

6. これはリストの内容です、これは最初の文です


7. これはリストの内容です、これは 2 番目の文です


8. これはリストの内容です、これは 3 番目の文です


9. これはリストの内容です、これは 4 番目の文です


10. これがリストです。これが 5 番目の文です

上記のコードは、リストの開始値が 6 から始まることを意味していることに誰もが気づいたので、この属性を順序付きリストに追加して、変更されたかどうかを確認できますか?
番号の種類を変更する
ブラウザでは通常、デフォルトでリストの番号付けにアラビア数字が使用されますが、他のタイプはありますか?はい、属性は「type」ですが、提供されるタイプはそれほど多くなく、次の 5 つのタイプのみです。
値を入力 スタイルを生成 シーケンス例 あ 大文字 A、B、C、D、E ある 小文字 a、b、c、c、e 私 大文字のローマ数字 Ⅰ、Ⅱ、Ⅲ、Ⅳ、Ⅴ 私 小文字のローマ数字 i、ii、iii、iv、v 1 アラビア数字 1、2、3、4、5
はコード内で次のように記述する必要があります。

1. これはリストの内容です、これは最初の文です


2. これはリストの内容です、これは 2 番目の文です


3. これはリストの内容です、これは 3 番目の文です


4. これはリストの内容です、これは 4 番目の文です


5. これがリストです。これが 5 番目の文です

この型はCSSでも設定できるので、あまり使わない方が良いと思います。私は常に、スタイルの問題はスタイル言語によって行われるべきだと主張してきました。したがって、特別な理由がない限り、この属性は使用しないほうがよいでしょう。もちろん、CSS1 も CSS2 も基本的には中国を考慮していません。CSS2 では日本語の数字文字が提供されていますが、中国語はまだありません。 CSS2 には現時点ではまだ欠陥があり、少なくともこれより優れた拡張形式は提供されていないと思います。彼がそれを提供したわけではありませんが、それでも私たちは私たちなりの方法で多様化を達成することができます。やり方は？まずそれについて考えてください。後でリストのスタイルのコンテンツでそれを処理する方法を説明します。