Skip to main content

HTMLの順序付けられた順序付けられていない定義リスト

HTML/CSS講座 第2回【HTMLの基礎/ウェブデザイン技能士を目指そう!】 (六月 2026)

HTML/CSS講座 第2回【HTMLの基礎/ウェブデザイン技能士を目指そう!】 (六月 2026)
Anonim

HTML言語は、さまざまな要素から構成されています。これらの個々の要素は、Webページのビルディングブロックとして機能します。 Web上の任意のページのHTMLマークアップを見ると、段落、見出し、画像、リンクなどの共通要素が表示されます。あなたがほとんど確かめる他の要素はリストです。

HTMLには3種類のリストがあります

  • 順序付きリスト: デフォルトでは、そのリストに含まれるリスト項目には、特定の数値順またはランキングが付いているため、これらは番号付きリストと呼ばれることもあります。順序付けられたリストは、アイテムの正確な順序がコンテンツの意味にとって非常に重要である場合に適切です。例えば、レシピは、提示されたステップが任意の順序でそうされていないので、順序付きリストを使用する可能性が高い。これらのステップの順序は、そのレシピの結果にとって重要です。ステップバイステップのプロセスは、順序付きリストとして最もよく表示されます。
  • 順序付けられていないリスト: 順序付けられていないリストのデフォルトの視覚的外観は、リスト項目の前に小さな箇条書きのアイコンを持つためです。このタイプのリストは、必要な順序を持たないリストに対して最もよく使用されます。リストアイテムは、HTMLのためにそれらをコーディングする順番どおりに表示されますが、そのレシピやステップバイステップのプロセスとは異なり、オーダーを決定しているため、オーダーが変更され、コンテンツの意味が損なわれません。たとえば、あなたが働いている人のリストを作成した場合は、アルファベット順、年功序列、部署別などの順序で並べ替えることができます。これらのいずれかが意味を持ち、リストの意味)は、どのオプションを選択しても変更されません。注文はあなたとあなたのマークアップによって決定されるので、正確な数字は必要ありません。これは、順序付けられていないリストのための良いオプションです。
  • 定義リスト: これらは、定義する用語と定義の2つの部分を持つ項目のリストです。これらは一般的に、辞書のように定義/説明のペアを表示するのに使用されますが、他の多くの種類のコンテンツにも定義リストを使用できます。

順序付きリスト

使用

    タグ(終わり
タグが必要です)、番号が1から始まる番号付きリストを作成します。要素は
  • タグのペア。例えば:

    1. エントリ1

      1. エントリ2

        1. エントリ3

    リストアイテムを特定の順序で表示するか、アイテムを順番に並べ替える場合は、どこでも順序付きリストを使用します。ここでも、これらのリストは、ほとんどの場合、説明書やレシピでオンラインで検索されます。

    順序付けられていないリスト

    使用

      タグ(終わり タグが必要です)。数字の代わりに箇条書きでリストを作成します。順序付きリストの場合と同様に、要素はタグペアで作成されます。例えば:

      • 弾丸

        • 弾丸

          • 弾丸

      特定の順序にする必要のないリストには、順序なしリストを使用します。これは、Webページ上で見つかる最も一般的なタイプのリストです。多くの場合、ウェブサイトのナビゲーションで使用されるこれらのリストが表示され、そのメニューにさまざまなリンクが表示されます。

      定義リスト

      定義リストは、各エントリに2つの部分、すなわち定義される名前または用語、および定義を含むリストを作成する。これにより、辞書や用語集に似たリストが作成されます。定義リストには3つのタグが関連付けられています。

      定義リストの外観は次のとおりです。

      これは定義用語です

      そしてこれは定義です

      定義2

      定義3

      ご覧のとおり、1つの用語を持つことはできますが、複数の定義を付けることができます。 「本」という言葉を考えてみましょう。ある書籍の定義は読書資料の一種であり、別の定義は「スケジュール」の同義語です。あなたがそれをコーディングしていれば、1つの用語を使用しますが、2つの記述を使用します。

      定義リストは、各アイテムに2つの部分を持つリストがある場所であればどこでも使用できます。最も一般的な使用法は用語集ですが、アドレス帳(名前はその用語とアドレスは定義です)や他の多くの興味深い用途にも使用できます。