順序付きリスト、順序付けされていないリスト、および定義リスト
HTML言語は、さまざまな要素から構成されています。 これらの個々の要素は、Webページのビルディングブロックとして機能します。 Web上の任意のページのHTMLマークアップを見ると、段落、見出し、画像、リンクなどの共通要素が表示されます。 あなたがほとんど確かめる他の要素はリストです。
HTMLには3種類のリストがあります:
- 順序付きリスト
デフォルトでは、そのリストに含まれるリスト項目には、特定の数値順またはランキングが付いているため、これらは番号付きリストと呼ばれることもあります。 順序付けられたリストは、アイテムの正確な順序がコンテンツの意味にとって非常に重要である場合に適切です。 例えば、レシピは、提示されたステップが任意の順序でそうされていないので、順序付きリストを使用する可能性が高い。 これらのステップの順序は、そのレシピの結果にとって重要です。 ステップバイステップのプロセスは、順序付きリストとして最もよく表示されます。
- 順序付けられていないリスト
順序付けられていないリストのデフォルトの視覚的外観は、リスト項目の前に 小さな箇条書きのアイコンを持つためです。 このタイプのリストは、必要な順序を持たないリストに対して最もよく使用されます。 リストアイテムは、HTMLのためにそれらをコーディングする順番どおりに表示されますが、そのレシピやステップバイステップのプロセスとは異なり、オーダーを決定しているため、オーダーが変更され、コンテンツの意味が損なわれません。 たとえば、あなたが働いている人のリストを作成した場合は、アルファベット順、年功序列、部署別などの順序で並べ替えることができます。これらのいずれかが意味を持ち、リストの意味)は、どのオプションを選択しても変更されません。 注文はあなたとあなたのマークアップによって決定されるので、正確な数字は必要ありません。 これは、順序付けられていないリストのための良いオプションです。
- 定義リスト
これらは、定義する用語と定義の2つの部分を持つ項目のリストです。 これらは一般的に、辞書のように定義/説明のペアを表示するのに使用されますが、他の多くの種類のコンテンツにも定義リストを使用できます。
順序付きリスト
1から始まる番号の番号付きリストを作成するには、
- タグ(末尾の ol>タグが必要です)を使用します。
- タグのペアで作成されます。 例えば:
- エントリ1
- エントリ2
- エントリ3
リストアイテムを特定の順序で表示するか、アイテムを順番に並べ替える場合は、どこでも順序付きリストを使用します。 ここでも、これらのリストは、ほとんどの場合、説明書やレシピでオンラインで検索されます。
順序付けられていないリスト
数字ではなく箇条書きでリストを作成するには、
- タグ(末尾の ol>タグは必須)を使用します。 順序付きリストの場合と同様に、要素は
- タグのペア。 例えば:
- エントリ1
- エントリ2
- エントリ3
特定の順序にする必要のないリストには、順序なしリストを使用します。 これは、Webページ上で見つかる最も一般的なタイプのリストです。 多くの場合、ウェブサイトのナビゲーションで使用されるこれらのリストが表示され、そのメニューにさまざまなリンクが表示されます。
定義リスト
定義リストは、各エントリに2つの部分、すなわち定義される名前または用語、および定義を含むリストを作成する。 これにより、辞書や用語集に似たリストが作成されます。 定義リストには3つのタグが関連付けられています。
リストを定義する
-
- :定義用語を定義する
-
- :用語の定義を定義する
定義リストの外観は次のとおりです。
これは定義用語です
そしてこれは定義です
定義2
定義3
ご覧のとおり、1つの用語を持つことはできますが、複数の定義を付けることができます。 「ブック」という単語を考えてみましょう。本の定義は読み物の一種であり、別の定義は「スケジュール」の同義語です。 あなたがそれをコーディングしていれば、1つの用語を使用しますが、2つの記述を使用します。
定義リストは、各アイテムに2つの部分を持つリストがある場所であればどこでも使用できます。 最も一般的な使用法は用語集ですが、アドレス帳(名前はその用語とアドレスは定義です)や他の多くの興味深い用途にも使用できます。
要素は