Тег <nav>

<nav> обозначает блок с основными навигационными ссылками — главное меню, breadcrumbs, пагинацию.

Syntax

<nav>...</nav>

Example

<nav aria-label="Главная навигация">
  <a href="/">Главная</a>
  <a href="/about">О нас</a>
</nav>

Notes

Не каждый список ссылок нуждается в nav — используйте его для действительно значимых блоков навигации, а не для любого набора <a>.
На странице может быть несколько nav (главное меню, футер-навигация) — тогда стоит различать их через aria-label.

Accessibility

nav автоматически получает ARIA-роль navigation.

Похожие инструменты

Тег <header>

Назначение тега <header>: вступное содержимое для страницы или секции (логотип, навигация, заголовок).

Accessible navigation menu

Семантическое навигационное меню с aria-label и корректным использованием nav/ul/a.

Breadcrumbs

Семантическая разметка breadcrumbs через nav+ol с aria-label.