Navegación

Como aprendiste en vínculos, el elemento <a> con el atributo href crea vínculos que los usuarios pueden seguir haciendo clic o presionando. En listas, aprendiste a crear listas de contenido. En este módulo, descubrirás cómo agrupar listas de vínculos para crear navegación.

Existen varios tipos de navegación y varias formas de mostrarlos. Los anclajes nombrados dentro del texto que vinculan a otras páginas del mismo sitio web se consideran navegación local. La navegación local que consiste en una serie de vínculos que muestran la jerarquía de la página actual en relación con la estructura del sitio o las páginas que el usuario siguió para llegar a la página actual se denomina ruta de navegación.

El índice de una página es otro tipo de navegación local. Una página que contiene vínculos jerárquicos a cada página de un sitio se denomina mapa del sitio. La navegación que lleva a las páginas de nivel superior del sitio web, que es probable que se encuentre en todas las páginas, se denomina navegación global. La navegación global se puede mostrar de varias maneras, incluidas las barras de navegación, los menús desplegables y los menús flotantes. El mismo sitio puede mostrar su navegación global de manera diferente, según el tamaño del viewport.

Asegúrate siempre de que los usuarios puedan navegar a cualquier página de tu sitio con la menor cantidad de clics posible y, al mismo tiempo, de que la navegación sea intuitiva y no abrumadora. Dicho esto, no hay requisitos específicos para los elementos de navegación. MachineLearningWorkshop.com, como sitio web de una sola página, tiene una barra de navegación local en la parte superior derecha, que es donde los sitios de varias páginas suelen colocar su navegación global.