Breadcrumbs

Componentes

Breadcrumbs

Los breadcrumbs, o migas de pan, se usan para mostrar al usuario donde se encuentra en el sitio web. Permiten ofrecer una navegación secundaria hacia los niveles ascendentes de la página actual.


        
<ol class="uft-breadcrumb">


    <li class="uft-breadcrumb_item">


        <i class="uft-icon">home</i>


        <a href="#" class="text-primary">finis.cl</a>


        <i class="uft-icon">keyboard_arrow_right</i>


    </li>


    <li class="uft-breadcrumb_item">


        <a href="#">La Universidad</a>


        <i class="uft-icon">keyboard_arrow_right</i>


    </li>


    <li class="uft-breadcrumb_item current">Noticias</li>


</ol>

Uso del componente

La miga de pan es un elemento relevante dentro de la navegación, ya que ayuda al usuario a identificar, fácilmente, en qué página se encuentra dentro de la arquitectura el sitio web.

La miga de pan se compone por una lista de enlaces que representan la página actual y sus “ascendentes”.

Buenas prácticas

  • Los breadcrumb deben estar presentes en todas las páginas del sitio web, excepto la página de inicio.
  • Los enlaces que se muestran en el breadcrumb, deben hacer referencia a la arquitectura del sitio, no a la navegación que ha realizado el usuario.
  • El contenido de cada enlace debe ser el título de la página a la que se enlaza.