A navigation bar (or navigation system) is a section of a

graphical user interface The GUI ( "UI" by itself is still usually pronounced . or ), graphical user interface, is a form of user interface that allows users to interact with electronic devices through graphical icons and audio indicator such as primary notation, inst ...

intended to aid visitors in accessing information. Navigation bars are implemented in

file browser A file manager or file browser is a computer program that provides a user interface to manage files and folders. The most common operations performed on files or groups of files include creating, opening (e.g. viewing, playing, editing or pr ...

web browser A web browser is application software for accessing websites. When a user requests a web page from a particular website, the browser retrieves its files from a web server and then displays the page on the user's screen. Browsers are used o ...

s and as a design element of some web sites.

File browsers

File browsers use a navigation bar to assist the user in traversing the

filesystem In computing, file system or filesystem (often abbreviated to fs) is a method and data structure that the operating system uses to control how data is Computer data storage, stored and retrieved. Without a file system, data placed in a storage me ...

. Navigation bars may include the current

path A path is a route for physical travel – see Trail. Path or PATH may also refer to: Physical paths of different types * Bicycle path * Bridle path, used by people on horseback * Course (navigation), the intended path of a vehicle * Desire p ...

, breadcrumbs, or a list of favorites.

Web browsers

A web browser navigation bar includes the back and forward buttons, as well as the Location bar where

URLs A Uniform Resource Locator (URL), colloquially termed as a web address, is a reference to a web resource that specifies its location on a computer network and a mechanism for retrieving it. A URL is a specific type of Uniform Resource Identifi ...

are entered. Formerly the functionality of the navigation bar was split between the browser's

toolbar The toolbar, also called a bar or standard toolbar (originally known as ribbon) is a graphical control element on which on-screen icons can be used. A toolbar often allows for quick access to functions that are commonly used in the program. Some ...

and the

address bar In a web browser, the address bar (also location bar or URL bar) is the element that shows the current URL. The user can type a URL into it to navigate to a chosen website. In most modern browsers, non-URLs are automatically sent to a search eng ...

, but Google Chrome introduced the practice of merging the two. Some early versions of Netscape used the

HTML The HyperText Markup Language or HTML is the standard markup language for documents designed to be displayed in a web browser. It can be assisted by technologies such as Cascading Style Sheets (CSS) and scripting languages such as JavaSc ...

tag to construct a navigation bar to navigate web sites. Today the tag can be used for the same purpose.

Web design

Typically, web sites will have a primary navigation bar and a secondary navigation bar on all pages. These sections of the webpage will include links to the most important sections of the site. The

implementation Implementation is the realization of an application, or execution of a plan, idea, model, design, specification, standard, algorithm, or policy. Industry-specific definitions Computer science In computer science, an implementation is a real ...

and design of navigation bars is a crucial aspect of

web design Web design encompasses many different skills and disciplines in the production and maintenance of websites. The different areas of web design include web graphic design; user interface design (UI design); authoring, including standardised code a ...

and web usability. In general, navigation bars are found in a page's header, but may also be found in the form of a sidebar. File:Rudy 2008 web header.png, A typical webpage header with a navigation bar File:Wikipedia CamelCase Navigation Bar.png, A minimally styled header bar File:BookManager navbar cropped.png, Page navigation

HTML5 nav tag

HTML5 HTML5 is a markup language used for structuring and presenting content on the World Wide Web. It is the fifth and final major HTML version that is a World Wide Web Consortium (W3C) recommendation. The current specification is known as the HTML ...

, navigation elements are enclosed in a <nav> tag, often, containing a list of links.

References

Web design Graphical control elements Graphical user interface elements {{WWW-stub

File browsers

Web browsers

Web design

HTML5 nav tag

See also

References