HTML <ol> タグ：正しい理解と使い方

定義と使い方

<ol> タグは、Ordered List（順序のあるリスト）の略で、料理のレシピや操作手順など、項目の順序に意味がある箇条書きを作る際の「全体の枠組み」として使用します。

ブラウザで表示すると、中の各項目に対して自動的に上から「1, 2, 3...」と連番の数字が付与されます。<ul> タグと同様に、直下には必ず <li> タグを配置するルールになっています。

基本例

<p>【会員登録の手順】</p>
<ol>
  <li>新規登録ボタンをクリックします。</li>
  <li>メールアドレスを入力して送信します。</li>
  <li>届いたURLからプロフィールを設定します。</li>
</ol>