典型的なメニューやナビゲーション バーではなく、次のことを達成するためのベスト プラクティスを知りたいです。
朝食 | 昼食 | ディナー <-- メイン サイト メニュー、常に静的に表示 (line1)
ランチ1 | ランチ2 | ランチ 3 <-- 上でランチを選択した場合、サブページを表示 (2 行目)
L1-アイテム1 | L1-アイテム2 | L1-Item3 <-- Lunch1 が選択されている場合、子ページを表示 (line3)
これらのリンクはすべて、Web サイトのフォルダー階層を表すようにしたいと考えています。上記の 2 行目と 3 行目は動的コンテンツであり、親アイテムに対応するナビゲーション リンクが表示されます。line3 のリンクは、最終的にページ コンテンツを表示します。
これはパンくずメニューのようなものですが、あなたがどこにいたか (履歴) には焦点を当てていませんが、あなたの前にあるものは...
私はコード自体を求めているわけではありません。私の主な関心は、モジュールの観点からこれに取り組む最善の方法にあるからです。これはナビゲーション システムであるため、クライアント スクリプト (javascript、jquery など) は使用したくありません。
このメニューのコンテンツをサイト マップの動的な表現にしたいので、サイトにページを追加すると、メニューにアイテムが追加または編集されます。
このようなナビゲーションシステムが存在する可能性のあるベストパターン、プラクティス、および/または例を知っている人はいますか?