Navigation bar

A navigation bar (or navigation system) is a section of a graphical user interface intended to aid visitors in accessing information. Navigation bars are implemented in operating systems, file browsers,^[1] web browsers, apps, web sites and other similar user interfaces.

File browsers use a navigation bar to assist the user in traversing the filesystem. Navigation bars may include the current path, breadcrumbs, or a list of favorites.^[2]

A web browser navigation bar includes the back and forward buttons, as well as the Location bar where URLs are entered.^[3] Formerly, the functionality of the navigation bar was split between the browser's toolbar and the address bar, but Google Chrome introduced the practice of merging the two.

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. The implementation and design of navigation bars is a crucial aspect of web design 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.

• 
  A typical webpage header with a navigation bar
• 
  A minimally styled header bar
• 
  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.

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

• Web template