サイト制作
番号付きリストにするべき？olとulは「順番の意味」で選ぶ
2026-11-01
この記事には広告・アフィリエイトリンクが含まれます。
見た目の好みより、項目を並べ替えると意味が変わるかどうかが、olとulを選ぶ目安になります。
手順には順番がある
調理や設定の手順のように、前後を入れ替えると内容が変わる一覧にはolを使います。買い物の持ち物など、順番に本質的な意味がない一覧にはulが向いています。番号を見せたいからolにするというより、文章自体に順序があるかを先に考えましょう。
見た目はCSSでも変えられる
リストの記号や番号の表示はCSSで調整できます。しかし、見た目の変更だけで項目の意味が変わるわけではありません。順序のある手順を、デザイン上の都合だけで無関係な段落に分けると、構造が伝わりにくくなります。各項目はliとしてまとめ、見出しや説明との関係も整理します。
途中から始める場合
olには開始番号を指定するstartや、逆順を示すreversedなどの属性があります。続きの手順を分けて掲載する場合などに使えますが、途中の工程が抜けているように見えない説明も必要です。番号だけを手入力して並べるより、項目の追加や削除に対応しやすくなります。公開前には、読み上げや狭い画面でも順序が追えるか確認しましょう。
