Navigation Bar

A navigation bar is a user interface element within a webpage that contains links to other sections of the website. In most cases, the navigation bar is part of the main website template, which means it is displayed on most, if not all, pages within the website. This means that no matter what page you are viewing, you can use the navigation bar to visit other sections of the website.

A website navigation bar is most commonly displayed as horizontal list of links at the top of each page. It may be below the header or logo, but it is always placed before the main content of the page. In some cases, it may make sense to place the navigation bar vertically on the left side of each page. This type of navigation bar is also called a sidebar, since it appears to the side of the primary content. Some websites have both a horizontal navigation bar at the top and a vertical navigation bar on the left side of each page.

The navigation bar is an important element of a website's design since it allows users to quickly visit any section within the site. If you've ever visited a website without a navigation bar, you may have found it is difficult to locate the page you need. You may have also had to click "Back" several times in order to find a link to the next section you wanted to visit. Thankfully, web design has become more standardized in recent years and nearly every website now includes a navigation bar.

NOTE: Developers often refer to the navigation bar as the "navbar."

Updated July 26, 2011 by Per C.

quizTest Your Knowledge

Which language uses tags to structure webpage content?

A
Swift
0%
B
C++
0%
C
HTML
0%
D
Python
0%
Correct! Incorrect!     View the HTML definition.
More Quizzes →

The Tech Terms Computer Dictionary

The definition of Navigation Bar on this page is an original definition written by the TechTerms.com team. If you would like to reference this page or cite this definition, please use the green citation links above.

The goal of TechTerms.com is to explain computer terminology in a way that is easy to understand. We strive for simplicity and accuracy with every definition we publish. If you have feedback about this definition or would like to suggest a new technical term, please contact us.

Sign up for the free TechTerms Newsletter

How often would you like to receive an email?

You can unsubscribe or change your frequency setting at any time using the links available in each email.

Questions? Please contact us.