Знаком ли ты с понятием «хлебные крошки» (breadcrumbs)? Какими HTML-тегами ты будешь пользоваться при реализации данного компонента?

«Хлебные крошки» (breadcrumbs) — это навигационный элемент, показывающий путь пользователя внутри сайта или приложения.

Для реализации такого компонента в HTML обычно используют:

• <nav> с атрибутом aria-label="breadcrumb" для обозначения навигационной области.
• Внутри — упорядоченный список <ol>, где каждый элемент <li> представляет уровень навигации.
• Ссылки внутри <li> оформляются тегом <a>, а текущий (последний) элемент — без ссылки или с атрибутом aria-current="page".

Пример:

<nav aria-label="breadcrumb">
  <ol>
    <li><a href="/home">Главная</a></li>
    <li><a href="/category">Категория</a></li>
    <li aria-current="page">Текущая страница</li>
  </ol>
</nav>