リストを作る「ul」と「ol」の使い分け

リストの各項目を示すにはLi要素を用います。

※LIはList Itemの略です。

Unordered Listの略で、項目の順番が意味を持たず、並列的に列挙するときに使用します。

<ul>
<li>牛肉</li>
<li>にんじん</li>
<li>ジャガイモ</li>
<li>たまねぎ</li>
<li>カレーのルー</li>
</ul>

牛肉

にんじん

ジャガイモ

たまねぎ

カレーのルー

Ordered Listの略で、項目の順番が意味を持つ場合、例えば手順やランキングといった際に使用します。

<ol>
<li>野菜や肉を切る</li>
<li>炒める</li>
<li>水を入れる</li>
<li>ルーを入れる</li>
<li>煮込む</li>
</ol>

野菜や肉を切る

炒める

水を入れる

ルーを入れる

煮込む

ウェブ学のすすめ