番号なしリストとは何ですか?
順序なしリストは、<UL>要素を使用して作成されたWebページ上のアイテムのリストです。 順序付きリストが表示されると、箇条書きでマークされたアイテムのリストとして表示されます。 順不同リストを使用してさまざまなアイテムを整理し、Webサイトのユーザーが便利に表示できるようにすることができます。 番号なしリストに加えて、箇条書きではなく番号で識別される番号付きリストと定義リストを作成することもできます。
順序付けられていないリストを作成するには、リストを<UL>要素で囲み、リスト内の各アイテムを<LI>要素で識別する必要があります。 リストは、ユーザーが作成したい限り長くすることができ、リストの外観は、太字や下線などのHTMLタグを使用して直接スタイル設定するか、CSSスタイルシートを使用してスタイル設定できます。 CSSを使用して、リスト内の箇条書きの外観を変更することもできます。これは、通常、順序付けられていないリストの横に表示される一般的な箇条書きを嫌う場合です。
番号なしリストは、ページから情報を際立たせるのに役立つため、多くのアプリケーションで役立ちます。 多くの人々は、情報を整理されたリストにまとめることを好みます。 たとえば、ページの上部にある記事の重要なトピックをカバーする順不同のリストを作成して、記事の内容を一目で確認し、記事を調べて詳細を調べることができます。 順序付けられたリストを作成すると、面倒なHTMLタグを使用してリストの外観を手作業でコーディングしようとする際に伴う困難から人々を解放します。
順序付けられていないリストをコーディングする方法の例を次に示します。
<ul> <li>パン</ li> <li>卵</ li> <li>牛乳</ li> </ ul>
このリストは、次のようなWebページに表示されます。
- パン
- 卵
- 牛乳
リスト内の項目に番号を付ける必要がある場合は、<OL>要素を使用して順序付きリストに変換できます。 また、次のように、番号付きリスト内に番号なしリストを作成することにより、ネストされた番号なしリストを作成できます。
<ol> <li>パン</ li> <ul> <li>イングリッシュマフィン</ li> <li>バゲット</ li> </ ul> <li>卵</ li> <li>牛乳</ li> </ ol>
人々がWebページを作成できるようにするいくつかのブログプラットフォームとソフトウェアプログラムには、ボタンの形式で番号なしリストオプションがあり、クリックして番号なしリストを開始できます。 順序付けられていないリストを作成し、ページのHTMLビューに切り替えると、リスト内のさまざまなアイテムとそれらを識別するために使用されるHTML要素を表示できるため、関数の動作を確認できます。