Webページの目次を検証するとulタグが使われている理由について

Question

タイトルの通りですが、Webページでよく見かける記事の目次をChromeの検証機能を使って見て見たのですが、目次の表示自体は1.〇〇　1.1□□　2.〇〇 .......という感じに順序立ててリストが表示されるのですが、htmlのタグはul指定でした。この場合ol指定をした方が適切ではないかと思ったのですが、３、４つのサイトで目次を見ると全てulタグでした。これにはなにか理由があるのでしょうか？

Answer 1

ul要素

ul要素のulはUnordered Listの略で、順不同リストとも言われています。この名前の通り、この要素は項目の順序が重要ではなく、もしも順序を変更しても意味が変化することのないリストに使用します。

ol要素

ol要素のolはOrdered Listの略で、順序付きリストとも言われています。この名前の通り、項目の順序が重要で、もしも順序が変更されてしまった場合文書としての意味が変化してしまうリストに使用します。

ol要素をul要素で代替することの是非

CSSを使用することでul要素をol要素のように見せることができますが、それはあくまでも見た目を変更したに過ぎないので、文書の意味としては順序付けられていないリストとなってしまいます。もしもリストの項目の順序を変えたときにリスト全体の意味が変わってしまうのであれば、ol要素を使うようにするべきです。

なぜol要素ではなくul要素を使うのか

Web上にある多くのナビゲーションでは、ナビゲーション項目の順序が重要ではないことがほとんどなので、ul要素がよく使われます。このような背景から「とりあえず、目次もナビゲーションだしul要素で作ってしまおう」ということになり、質問文にあるようなあまりセマンティクスを意識しないコードが出来上がってしまったのではないかと思います。

Comments

[hi_se_pr]

回答ありがとうございます。
Webページにおいてコードを読む人の方が圧倒的に少数派なので、特にHTMLなんかはコードを読む人のことまで考えてコーディングする人は少ないのですかね・・・