<nav> - HTML-елемент навігації

HTML-елемент <nav> представляє собою розділ сторінки, який містить навігаційні посилання.

Використання <nav> допомагає допоміжним технологіям, таким як скрінрідери, швидко знаходити та пропускати навігаційні блоки, що покращує доступність сайту.

Елемент навігації не обов'язково повинен містити список, він також може містити інші види контенту.

<nav>
  <ul>
    <li><a href="/">Головна</a></li>
    <li><a href="/about">Про нас</a></li>
    <li><a href="/contact">Контакти</a></li>
  </ul>
</nav>

<nav>
  <h2>Навігація по сайту</h2>
  <ul>
    <li><a href="/">Головна</a></li>
    <li><a href="/products">Продукти</a></li>
    <li><a href="/services">Послуги</a></li>
    <li><a href="/blog">Блог</a></li>
  </ul>
</nav>

<nav>
  <h3>Зміст</h3>
  <ol>
    <li><a href="#intro">Вступ</a></li>
    <li><a href="#part1">Частина 1: Основи</a></li>
    <li><a href="#part2">Частина 2: Поглиблене вивчення</a></li>
    <li><a href="#conclusion">Висновок</a></li>
  </ol>
</nav>

nav {
  display: block;
}