ナビゲーションバー

ナビゲーションバー（またはナビゲーションシステム）は、訪問者が情報にアクセスできるようにするためのグラフィカルユーザーインターフェイスの一部です。ナビゲーションバーは、オペレーティングシステム、ファイルブラウザ、^[1] Webブラウザ、アプリ、Webサイト、その他の同様のユーザーインターフェイスに実装されています。

ファイルブラウザは、ファイルシステムを移動する際にユーザーを支援するためにナビゲーションバーを使用します。ナビゲーションバーには、現在のパス、パンくずリスト、お気に入りのリストなどが含まれます。^[2]

ウェブブラウザのナビゲーションバーには、戻るボタンと進むボタンのほか、URLを入力するロケーションバーが含まれています。^{[3]以前は、ナビゲーションバーの機能はブラウザの}ツールバーとアドレスバーに分割されていましたが、Google Chromeではこの2つを統合する手法が導入されました。

^{通常、ウェブサイトにはプライマリナビゲーションバー[4]}があり、すべてのページにセカンダリナビゲーションバーがある場合もあります。これらのウェブページのセクションには、サイトの最も重要なセクションへのリンクが含まれます。ナビゲーションバーの実装と設計は、ウェブデザインとウェブユーザビリティの重要な側面です。

一般的に、ナビゲーション バーはページのヘッダーにありますが、サイドバーの形で表示されることもあります。

• 
  ナビゲーションバーを備えた典型的なウェブページヘッダー
• 
  最小限のスタイルのヘッダーバー
• 
  ページナビゲーション

目的に応じて、水平ナビゲーション バーや垂直ナビゲーション バーなど、さまざまな種類のナビゲーション バーを選択できます。また、JavaScript を含む動的な Web サイト プロジェクトでは、ナビゲーション バーをレスポンシブに設計できます。

Netscapeの初期のバージョンでは、HTMLの linkタグを使用して、ウェブサイト内を移動するためのナビゲーションバーを構築していました。^[5]現在では、navタグを同じ目的で使用できます。^[6] HTML5 では、ナビゲーション要素はタグで囲まれており、多くの場合、リンクのリストが含まれています。 <nav>

< nav > 
  < ul > < li > 
    < a href = "/" >ホーム</ a ></ li > < li >< a href = "/" >ホーム</ a ></ li > < li >< a href = "/" >ホーム</ a ></ li > < li >< a href = "/blog" >ブログ</ a ></ li > < li >< a href = "/contact" >お問い合わせ</ a ></ li > < li >< a href = "/about" >会社概要</ a ></ li > </ ul > </ nav > 
 
 
     
     
     
  

• ウェブテンプレート