パンくずリスト（概要）

パンくずリストは、ウェブサイトの階層内でユーザーの現在の位置を表示します。

使い方

配置と仕様

パンくずリストはヘッダーとページ見出しの間に配置されます。パンくずリストの長さは、当該ページのサイト構造上の階層の深さや、ページ見出しの文字長に依存し制御できないため、コンテンツエリア幅より広くなることを考慮して、改行する仕様を前提とします。

モバイルの場合は、デスクトップと同様に改行する仕様を使うか、または改行無しの横スクロールが可能な仕様を併用するかのどちらかで実装します。

デスクトップ

パンくずリストがコンテンツ幅よりも長い場合は改行されます。

モバイル

改行での仕様　（ページ上部に配置）

改行での仕様　（ページ下部に配置）

改行仕様の場合はページ上部、またはページ下部にパンくずリストを配置します。

横スクロールでの仕様

多くのページで長いパンくずリストが想定される場合、パンくずリストによってコンテンツを押し下げられることを防ぐため、改行無しの横スクロールによって閲覧できる仕様で実装します。ただし、横スクロールの仕様で実装した場合はページ下部、フッターエリアの上部に改行仕様のパンくずリストを配置するようにして下さい。