🚀 Сегодня вам бесплатно доступен тренажёр по HTML и CSS.

Тег <nav> создаёт навигацию между страницами или разделами сайта. Он помогает пользователю найти нужную информацию и является важным элементом с точки зрения доступности.

<nav>
  <ul>
    <li><a href='#'>Главная</a></li>
    <li><a href='#'>О компании</a></li>
    <li><a href='#'>Услуги</a></li>
    <li><a href='#'>Контакты</a></li>
  </ul>
</nav>

Тег предназначен только для навигации — не используйте его для рекламы или изображений. А если навигационное меню содержит поле поиска, то это поле обязательно размещается вне тега <nav>.

Чем заменить тег

Заменять <nav> не рекомендуется, потому что этот тег помогает поисковым системам и технологиям доступа (например, экранным читалкам) понять расположение навигационных элементов сайта.

Если вы решите использовать другой тег, <div> можно использовать, но он не несет семантического значения и не помогает с SEO и доступностью так, как <nav>.

Полезные ссылки

📝 Спецификация

🏗️ Зачем нужна семантическая вёрстка

✔️ Can I Use: nav