パンくずリストのマークアップについて | バシャログ。階層構造を持つ WEB サイトの場合、垂直方向のナビゲーションとして「パンくずリスト」が有効です。 「採用情報 ＞ 中途採用 ＞ 募集要項」のように表現するのが一般的で、閲覧中のページが階層構造上のどの位置なのかを確認したり、上位のページを辿っていくことができるようになります。 今のところ「パンくずリスト」のマークアップ方法に正解といえる決定的なものはありません。「パンくずリスト」というくらいなのでリストだという解釈はできます。いくつか妥当と思われる例を挙げてみます。 ケース 1） パンくずリストは階層構造のリストだからマークアップも階層を意識したい…… <ul> <li><a href="/recruit/">採用情報</a> <ul> <li><a href="/recruit/career/">中途採用</a> <ul> <li>募集要項</li> </ul> </li> </ul>
