質問: タイトルの通りですが、Webページでよく見かける記事の目次をChromeの検証機能を使って見て見たのですが、目次の表示自体は1.〇〇 1.1□□ 2.〇〇 .......という感じに順序立ててリストが表示されるのですが、htmlのタグはul指定でした。この場合ol指定をした方が適切ではないかと思ったのですが、3、4つのサイトで目次を見ると全てulタグでした。これにはなにか理由があるのでしょうか?
回答: ul要素 ===== `ul要素`の`ul`は`Unordered List`の略で、`順不同リスト`とも言われています。この名前の通り、この要素は**項目の順序が重要ではなく、もしも順序を変更しても意味が変化することのないリストに使用**します。 ol要素 ===== `ol要素`の`ol`は`Ordered List`の略で、`順序付きリスト`とも言われています。この名前の通り、**項目の順序が重要で、もしも順序が変更されてしまった場合文書としての意味が変化してしまうリストに使用**します。 ol要素をul要素で代替することの是非 ==================== `CSS`を使用することで`ul要素`を`ol要素`のように見せることができますが、それはあくまでも**見た目を変更したに過ぎない**ので、文書の意味としては**順序付けられていないリスト**となってしまいます。もしもリストの項目の順序を変えたときにリスト全体の意味が変わってしまうのであれば、`ol要素`を使うようにするべきです。 なぜol要素ではなくul要素を使うのか ==================== Web上にある多くのナビゲーションでは、**ナビゲーション項目の順序が重要ではないことがほとんど**なので、`ul要素`がよく使われます。このような背景から「とりあえず、目次もナビゲーションだし`ul要素`で作ってしまおう」ということになり、質問文にあるようなあまりセマンティクスを意識しないコードが出来上がってしまったのではないかと思います。