Anclas de navegación interna

Las anclas muestran la información que contiene la página. Sirven de menú interno de navegación de la misma.

Compartir en redes

Permiten enlazar contenido a una altura determinada de una página, facilitando al usuario visualizar la información que está buscando sin tener que hacer scroll, salirse de la página o recargar la misma.

  • Usalas cuando tengas mucho caudal de información y necesites categorizar el contenido.
  • Definí títulos cortos y de fácil interpretación que agrupen los contenidos de la página. El objetivo principal de un ancla es la delimitación de secciones específicas que puede ser llamado o direccionado desde un índice. De esta forma es posible navegar entre las diferentes secciones sin recargar la página.

    Cómo crear un ancla:

    El elemento HTML Ancla <a href=”#id-categoria”> categoria </a> crea un enlace dentro de una página y refiere a través de un ID a otra sección dentro de la misma página.

    Índice:
    <h3 id="indice">En esta página:</h3>

    Enlace:
    <a href="#Subtítulo 1">Subtítulo 1 </a>

    Destino:
    <h3 id="Subtítulo 1">Subtítulo 1 </h3>

    Volvér al índice:
    <a href="#indice" class="btn btn-sm btn-default">Volver al índice </a>
    Al final de cada sección agregá un botón o enlace que lleve al usuario al índice.

    Así es como se verá:

    En esta página:

    Subtítulo 1

    Subtítulo 1

    Volver al índice