階層構造を持つ WEB サイトの場合、垂直方向のナビゲーションとして「パンくずリスト」が有効です。 「採用情報 > 中途採用 > 募集要項」のように表現するのが一般的で、閲覧中のページが階層構造上のどの位置なのかを確認したり、上位のページを辿っていくことができるようになります。 今のところ「パンくずリスト」のマークアップ方法に正解といえる決定的なものはありません。「パンくずリスト」というくらいなのでリストだという解釈はできます。いくつか妥当と思われる例を挙げてみます。 ケース 1) パンくずリストは階層構造のリストだからマークアップも階層を意識したい…… <ul> <li><a href="/recruit/">採用情報</a> <ul> <li><a href="/recruit/career/">中途採用</a> <ul> <li>募集要項</li> </ul> </li> </ul>
![パンくずリストのマークアップについて | バシャログ。](https://cdn-ak-scissors.b.st-hatena.com/image/square/c76f538a877e78afb07d09e5ff0f87885ac194e9/height=288;version=1;width=512/https%3A%2F%2Fbashalog.c-brains.jp%2Fimages%2Fcat_coding.png)