Справочник HTML & CSS

<nav>

Блок основной навигации: меню сайта, оглавление, хлебные крошки.

Синтаксис

<nav><a href="/">Home</a></nav>

Атрибуты

Параметр	Тип	Описание
aria-label	text	Необязательный. Название меню, если их на странице несколько.

Примеры

Меню из списка ссылок:

<style>
  nav ul { list-style: none; padding: 0; display: flex; gap: 16px; }
</style>
 
<nav aria-label="Main">
  <ul>
    <li><a href="#">Home</a></li>
    <li><a href="#">Menu</a></li>
    <li><a href="#">Contacts</a></li>
  </ul>
</nav>

Примечания

Оборачивайте в <nav> только крупные навигационные блоки, а не каждую группу ссылок. Программы чтения с экрана позволяют сразу перейти к навигации, поэтому если меню несколько, подпишите их через aria-label.

См. также

<header> — Шапка страницы или раздела: логотип, заголовок, навигация.
<ul> — Маркированный список: пункты, порядок которых не важен.
<a> — Ссылка на другую страницу, файл или место на странице.

Вопросы и ответы по теме

В учебнике

Семантическая разметка — Нейтральные div и span и смысловые теги header, nav, main, article, section, aside и footer для разметки страницы.

Спасибо, что читаете!