HTML-тег <nav>

Характеристики

• Тип: блочный, статичный, семантический
• Назначение: Секция для группировки навигационных ссылок.
• Родители: Любые HTML-теги, которые могут содержать блочные элементы.
• Потомки: Любые HTML-теги, которые могут содержать навигационные ссылки (например, <ul>, <ol>, <a>).
• Глобальные атрибуты: все
• Атрибуты событий: все

Пример использования

<nav id="myNav">
  <ul>
    <li><a href="#">Главная</a></li>
    <li><a href="#">О нас</a></li>
  </ul>
</nav>

Использование в JavaScript

// Получение элемента по ID
const navElement = document.getElementById('myNav');

// Добавление класса
navElement.classList.add('new-class');

// Изменение стиля
navElement.style.backgroundColor = 'blue';

Рекомендации по обеспечению доступности (a11y)

• Используйте <nav> для обозначения основной навигации на странице, это помогает вспомогательным технологиям и улучшает доступность.
• Если используете другой элемент для навигации, добавьте атрибут role="navigation".

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