HTML のリストとは？ol と ul の違いをざっくり解説

HTMLの ol と ul は、両方ともリストを作成するために使用されます。

• ol 順序付きリスト
• ul 順序なしリスト

ol は、順序付きリストを作成します。リスト内の各項目に数値または文字列の番号が付けられます。

<ol>
  <li>New York City</li>
  <li>Los Angeles</li>
  <li>Chicago</li>
</ol>

結果

1. New York City
2. Los Angeles
3. Chicago

ul は、順序なしリストを作成します。リストには、項目に番号が付けられません。

<ul>
  <li>New York City</li>
  <li>Los Angeles</li>
  <li>Chicago</li>
</ul>

結果

• New York City
• Los Angeles
• Chicago

ol は、順序が重要である場合に使い、ul は、順序が重要でない場合に使います。

ナビゲーション（メニュー）とリスト

ナビゲーションはしばしば ul を使用します。ただ、項目の順番が重要になる場合、例えばチュートリアルなどのメニューは順番が意味をもつため、ol を使います。