Navegación de migas de pan en HTML

Un rastro de migas de pan es una lista ordenada dentro de un nav rotulado.

<nav aria-label="Breadcrumb">
  <ol>
    <li><a href="/">Home</a></li>
    <li><a href="/tours">Tours</a></li>
    <li><a href="/tours/sql">SQL</a></li>
    <li aria-current="page">Joins &amp; aggregation</li>
  </ol>
</nav>

Cómo funciona

1. El aria-label lo distingue de las demás navegaciones.
2. aria-current=page marca dónde está el lector ahora.
3. La última miga es texto, no un enlace a sí misma.

El intento, en números

Líneas

8

Caracteres a escribir

204

Tokens

84

Ritmo de tres estrellas

70 tpm

Al ritmo de tres estrellas de 70 tokens por minuto, este intento toma unos 72 segundos.

Escribe este fragmento

Paso 4 de 7 en Puntos de referencia; paso 4 de 23 en Semántica y metadatos.

← Anterior Siguiente →