Foundation-navigation-overview

基礎-ナビゲーションの概要

説明

ナビゲーションには他のセクションへのリンクが含まれており、多くのナビゲーションパターンで構成されています。 Foundationで利用可能なナビゲーションのさまざまなパターンを次に示します。

基本メニュー

メニューは、多くのナビゲーションコンポーネントを構築するために使用されます。 多くの方法で調整できます。 垂直、水平またはネストされた形式。 これについては、章のリンクで詳しく調べます：/foundation/foundation_menu [Menu]

トップバー

トップバーは、すべてのメニューをラップするために使用されます。 すべてのタイプの画面に複雑なメニューバーを表示するのに役立ちます。 小、大、中画面。 これについては、章のリンク：/foundation/foundation_top_bar [Top Bar]で詳しく調べます。

メニュープラグイン

以下は、同じマークアップを使用して複数のメニューに異なるスタイルを作成する3種類のメニュープラグインです。

ドロップダウンメニュー

ドロップダウンメニュープラグインは、メインメニューの下にサブメニューを作成するために使用されます。 data-dropdown-menu は、ネストされたメニューをドロップダウンメニューのリストに変換するのに役立ちます。 これについては、章のリンク：/foundation/foundation_dropdown_menus [ドロップダウンメニュー]で詳しく調べます。

ドリルダウンメニュー

ドリルダウンメニュープラグインは、スライダー形式でメインメニューにサブメニューを作成するために使用されます。 data-drilldown は、ネストされたメニューをスライドメニューのリストに変換するのに役立ちます。 これについては、章のリンクで詳しく調べます：/foundation/foundation_drilldown_menu [ドリルダウンメニュー]

アコーディオンメニュー

アコーディオンメニュープラグインは、折りたたまれた方法でメインメニューにサブメニューを作成するために使用されます。 data-accordion-menu は、ネストされたメニューを折りたたみメニューのリストに変換するのに役立ちます。 これについては、章のリンクで詳しく調べます：/foundation/foundation_accordion_menu [Accordion Menu]

レスポンシブナビゲーション

レスポンシブメニュープラグインは、異なるサイズの画面でメニューを割り当てます。 data-responsive-menu は、ドリルダウンメニューを大画面のドロップダウンメニューに変更するために使用されます。 これについては、章のリンク：/foundation/foundation_sensitive_navigation [Responsive Navigation]で詳しく調べます。