Movatterモバイル変換


[0]ホーム

URL:


Jump to content
WikipediaThe Free Encyclopedia
Search

Navigation bar

From Wikipedia, the free encyclopedia
User interface element to aid navigation

Anavigation bar (ornavigation system) is a section of agraphical user interface intended to aid visitors in accessing information. Navigation bars are implemented inoperating systems,file browsers,[1]web browsers, apps, web sites and other similaruser interfaces.

File browsers

[edit]
Thunar's navigation bar

File browsers use a navigation bar to assist the user in traversing thefilesystem. Navigation bars may include the currentpath,breadcrumbs, or a list offavorites.[2]

Web browsers

[edit]

A web browser navigation bar includes the back and forward buttons, as well as theLocation bar whereURLs are entered.[3] Formerly, the functionality of the navigation bar was split between the browser'stoolbar and theaddress bar, butGoogle Chrome introduced the practice of merging the two.

Web design

[edit]

Typically, websites will have a primary navigation bar[4] and sometimes secondary navigation bar on all pages. These webpage sections will include links to the most important sections of the site. Theimplementation and design of navigation bars is a crucial aspect ofweb design and webusability.

In general, navigation bars are found in a page'sheader but may also be found in the form of a sidebar.

  • A typical webpage header with a navigation bar
    A typical webpage header with a navigation bar
  • A minimally styled header bar
    A minimally styled header bar
  • Page navigation
    Page navigation

With different purposes, there are different kinds of the navigation bars to be chosen, such as horizontal navigation bars and vertical navigation bars. And with a dynamic website project including JavaScript, navigation bars can be designed to be responsive.

HTML5 nav tag

[edit]

Some early versions ofNetscape used theHTMLlink tag to construct a navigation bar to navigate websites.[5] Today, thenav tag can be used for the same purpose.[6] InHTML5, navigation elements are enclosed in a<nav> tag, often, containing a list of links.

<nav><ul><li><ahref="/">Home</a></li><li><ahref="/blog">Blog</a></li><li><ahref="/contact">Contact</a></li><li><ahref="/about">About</a></li></ul></nav>

See also

[edit]

References

[edit]
  1. ^"Personalize the Windows Explorer Navigation Bar".PCWorld.
  2. ^"Dolphin".
  3. ^"Avant Browser Help - Navigation Bar".
  4. ^"Navigation Bar: Explanations and Samples".
  5. ^"Link".The LINK element can be used to define a toolbar of navigation buttons or an equivalent mechanism such as menu items. Many of the values for the REL attribute could be reserved for this purpose (such as Home, Next, Previous, etc.)
  6. ^"HTML <nav> Tag".
Command input
Data input-output
Informational
Containers
Navigational
Specialwindows
Related concepts
Stub icon

ThisWorld Wide Web–related article is astub. You can help Wikipedia byadding missing information.

Retrieved from "https://en.wikipedia.org/w/index.php?title=Navigation_bar&oldid=1295023281"
Categories:
Hidden categories:

[8]ページ先頭

©2009-2026 Movatter.jp