• Section: Internet /Sunday 12th October 2014

    Alphabetic Index : A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

    Search β):

    * Navigation bar *

    نوار ناوبری

    (Wikipedia) - Navigation bar
    This article includes a list of references, related reading or external links, but its sources remain unclear because it lacks inline citations. Please improve this article by introducing more precise citations. (December 2012)

    A navigation bar (or navigation system) is a section of a website or online page intended to aid visitors in travelling through the online document. Typically, webpages will have a primary navigation bar and a secondary navigation bar on all pages of the web document. These sections of the webpage 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.

    Sample implementation

    A one-level navigation bar is a sectioned portion of a web page that does not include any drop-down menus. A typical and simple implementation of this type of bar will include two web based programming languages: HTML and CSS. Typically, the HTML code will consist of an un-ordered list and number of list elements holding anchor tags, such as the following code:

    <div id="main-nav"> <ul> <li><a href="1.html">Section 1</a></li> <li><a href="2.html">Section 2</a></li> <li><a href="3.html">Section 3</a></li> <li><a href="4.html">Section 4</a></li> <li><a href="5.html">Section 5</a></li> <li><a href="6.html">Section 6</a></li> </ul> </div>

    Using some basic CSS, web designers can change the look and feel of navigation system to fit the overall design or theme of web document. Here is how some sample CSS code may look:

    ul {

    padding: 0 0 0 0; margin: 0 0 0 0; text-decoration: none; list-style-position: inside;


    li {

    padding: 1em; text-decoration: none; list-style-type: none; padding-top: 1em;


    #main-nav {

    font-variant: small-caps; margin-top: 2em; margin-left: 1em; width: 200px;


    Tags:HTML, Navigation, Navigation bar, Wikipedia

    Add definition or comments on Navigation bar

    Your Name / Alias:
    Definition / Comments
    neutral points of view
    Source / SEO Backlink:
    Anti-Spam Check
    Enter text above
    Upon approval, your definition will be listed under: Navigation bar