Breadcrumb (パンくずリスト)

パンくずリスト (breadcrumb, breadcrumb trail) は、ウェブサイトの各ページのヘッダーと本文の間に置かれることが多い構成要素です。パンくずリストを通じて、たとえばトップページからみて現在のページがどの階層に位置するかや、ユーザーが現在のページに至るまでどの順番でどのリンクをたどってきたのかを知ることができます。

サイト内での位置を表すパンくずリストは、この記事なら概ね次のようなかたちになるでしょう。

MDN > 用語集 > パンくずリスト

パンくずリストが適切に機能していれば、ユーザーはウェブサイト内での現在位置を確かめ、どのように今のページに到着したのかを知ることができます。そのおかげで、ユーザーはすでに見たページに簡単に戻ることができますし、余計なクリックをせずに上の階層のページに移動することができます。

メモ: パンくずナビゲーションメニュー専用の意味づけされた HTML 要素はありませんが、一般的にその階層構造を表すのには <ol> 要素が使用されます。

関連情報