ナビゲーションバー
コンテンツへジャンプ
ナビゲーションバー（またはナビゲーションシステム）は、訪問者が情報にアクセスする際に役立つように設計されたグラフィカルユーザーインターフェースの一部です。ナビゲーションバーは、オペレーティングシステム、ファイルブラウザ、[ 1 ] Webブラウザ、アプリ、ウェブサイト、その他の同様のユーザーインターフェースに実装されています。
ファイルブラウザ
[編集]
ファイルブラウザは、ファイルシステム内の移動を支援するためにナビゲーションバーを使用します。ナビゲーションバーには、現在のパス、パンくずリスト、お気に入りのリストなどが表示されます。[ 2 ]
ウェブブラウザ
[編集]ウェブブラウザのナビゲーションバーには、「戻る」ボタンと「進む」ボタンのほか、URLを入力するロケーションバーが含まれています。[ 3 ]以前は、ナビゲーションバーの機能はブラウザのツールバーとアドレスバーに分かれていましたが、Google Chromeではこの2つを統合する手法が導入されました。
ウェブデザイン
[編集]一般的に、ウェブサイトにはプライマリナビゲーションバー[ 4 ]があり、場合によってはすべてのページにセカンダリナビゲーションバーが配置されます。これらのウェブページセクションには、サイトの最も重要なセクションへのリンクが含まれます。ナビゲーションバーの実装と設計は、ウェブデザインとウェブユーザビリティの重要な側面です。
一般的に、ナビゲーション バーはページのヘッダーにありますが、サイドバーの形で表示されることもあります。
ナビゲーションバーを備えた典型的なウェブページヘッダー- 最小限のスタイルのヘッダーバー
- ページナビゲーション
目的に応じて、水平ナビゲーションバーや垂直ナビゲーションバーなど、さまざまな種類のナビゲーションバーを選択できます。また、JavaScriptを含む動的なウェブサイトプロジェクトでは、ナビゲーションバーをレスポンシブに設計できます。
HTML5 ナビゲーションタグ
[編集]Netscapeの初期のバージョンでは、HTMLの linkタグを使用して、ウェブサイト内を移動するためのナビゲーションバーを構築していました。[ 5 ]現在では、navタグを同じ目的で使用できます。[ 6 ] HTML5 では、ナビゲーション要素はタグで囲まれており、多くの場合、リンクのリストが含まれています。<nav>
< nav > < ul > < 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 >参照
[編集]参考文献
[編集]- ^ 「Windows エクスプローラーのナビゲーション バーをカスタマイズする」。PCWorld 。
- ^ 「ドルフィン」。
- ^ 「Avant ブラウザ ヘルプ - ナビゲーション バー」。
- ^ 「ナビゲーション バー: 説明とサンプル」。
- ^ "Link"。LINK
要素は、ナビゲーションボタンのツールバー、またはメニュー項目などの同等のメカニズムを定義するために使用できます。REL属性の値の多くは、この目的のために予約されています（Home、Next、Previousなど）。
- ^ 「HTML <nav> タグ」。
 | このワールド・ワイド・ウェブ関連の記事はスタブです。この記事を拡張することで、Wikipedia に貢献できます。 |
ナビゲーションバー（またはナビゲーションシステム）は、訪問者が情報にアクセスする際に役立つように設計されたグラフィカルユーザーインターフェースの一部です。ナビゲーションバーは、オペレーティングシステム、ファイルブラウザ、[1] ウェブブラウザ、アプリ、ウェブサイト、その他の同様のユーザーインターフェースに実装されています。
ファイルブラウザ
ファイルブラウザは、ユーザーがファイルシステム内を移動する際にナビゲーションバーを使用します。ナビゲーションバーには、現在のパス、パンくずリスト、お気に入りのリストなどが表示される場合があります。[2]
ウェブブラウザ
ウェブブラウザのナビゲーションバーには、「戻る」ボタンと「進む」ボタンのほか、URLを入力するロケーションバーが含まれています。[3]以前は、ナビゲーションバーの機能はブラウザのツールバーとアドレスバーに分かれていましたが、Google Chromeではこの2つを統合する手法が導入されました。
ウェブデザイン
一般的に、ウェブサイトにはプライマリナビゲーションバー[4]があり、場合によってはすべてのページにセカンダリナビゲーションバーが配置されます。これらのウェブページセクションには、サイトの最も重要なセクションへのリンクが含まれます。ナビゲーションバーの実装と設計は、ウェブデザインとウェブユーザビリティの重要な側面です。
一般的に、ナビゲーション バーはページのヘッダーにありますが、サイドバーの形で表示されることもあります。
- ナビゲーションバーを備えた典型的なウェブページヘッダー
- 最小限のスタイルのヘッダーバー
- ページナビゲーション
目的に応じて、水平ナビゲーションバーや垂直ナビゲーションバーなど、さまざまな種類のナビゲーションバーを選択できます。また、JavaScriptを含む動的なウェブサイトプロジェクトでは、ナビゲーションバーをレスポンシブに設計できます。
HTML5 ナビゲーションタグ
Netscapeの初期のバージョンでは、ウェブサイト内を移動するためのナビゲーションバーを構築するためにHTMLの linkタグが使用されていました。 [5]現在では、navタグを同じ目的で使用できます。[6] HTML5 では、ナビゲーション要素はタグで囲まれており、多くの場合、そのタグにはリンクのリストが含まれています。<nav>
< nav > < ul > < 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 >参照
参考文献
- ^ 「Windows エクスプローラーのナビゲーション バーをカスタマイズする」。PCWorld。
- ^ 「ドルフィン」.
- ^ 「Avant ブラウザ ヘルプ - ナビゲーション バー」。
- ^ 「ナビゲーション バー: 説明とサンプル」。
- ^ 「リンク」。LINK
要素は、ナビゲーションボタンのツールバー、あるいはメニュー項目のような同等のメカニズムを定義するために使用できます。REL属性の値の多くは、この目的のために予約されています（Home、Next、Previousなど）。
- ^ 「HTML <nav> タグ」。
 | このワールド・ワイド・ウェブ関連の記事はスタブです。この記事を拡張することで、Wikipedia に貢献できます。 |
