barra de navegación

Una barra de navegación (o sistema de navegación ) es una sección de una interfaz gráfica de usuario destinada a ayudar a los visitantes a acceder a la información. Las barras de navegación se implementan en sistemas operativos , exploradores de archivos , ^{[ 1 ]} navegadores web , aplicaciones, sitios web y otras interfaces de usuario similares .

Los exploradores de archivos utilizan una barra de navegación para ayudar al usuario a recorrer el sistema de archivos . Las barras de navegación pueden incluir la ruta actual , migas de pan o una lista de favoritos . ^{[ 2 ]}

La barra de navegación de un navegador web incluye los botones de retroceso y avance, así como la barra de direcciones donde se introducen las URL . ^{[ 3 ]} Anteriormente, la funcionalidad de la barra de navegación estaba dividida entre la barra de herramientas del navegador y la barra de direcciones , pero Google Chrome introdujo la práctica de fusionar ambas.

Por lo general, los sitios web tendrán una barra de navegación principal ^{[ 4 ]} y, a veces, una barra de navegación secundaria en todas las páginas. Estas secciones de la página web incluirán enlaces a las secciones más importantes del sitio. La implementación y el diseño de las barras de navegación son un aspecto crucial del diseño web y la usabilidad web .

Por lo general, las barras de navegación se encuentran en el encabezado de una página , pero también pueden aparecer en forma de barra lateral.

• 
  Un encabezado de página web típico con una barra de navegación.
• 
  Una barra de encabezado con un estilo minimalista
• 
  Navegación de página

Con diferentes propósitos, existen distintos tipos de barras de navegación para elegir, como las horizontales y las verticales. Además, en un proyecto web dinámico que incluya JavaScript, las barras de navegación pueden diseñarse para que sean adaptables.

Algunas versiones antiguas de Netscape usaban la etiqueta de enlace HTML para construir una barra de navegación para navegar por sitios web. ^{[ 5 ]} Hoy en día, la etiqueta nav se puede usar para el mismo propósito. ^{[ 6 ]} En HTML5 , los elementos de navegación están encerrados en una etiqueta, que a menudo contiene una lista de enlaces. <nav>

< nav > < ul > < li >< a href = "/" > Inicio </ a ></ li > < li >< a href = "/blog" > Blog </ a ></ li > < li >< a href = "/contact" > Contacto </ a ></ li > < li >< a href = "/about" > Acerca de </ a ></ li > </ ul > </ nav >

• Plantilla web