HTML-элемент <nav>
определяет отдельную секцию документа, назначение которой обозначение ссылок навигации (как внутри текущего документа, так и ведущих на другую страницу). В качестве примера такой секции можно привести меню, якорные ссылки.
Категории контента | Потоковый контент, секционный контент, явный контент. |
---|---|
Разрешенный контент | Потоковый контент. |
Опускание тегов | Нет. Как начальный, так и конечный тег являются обязательными. Нет, открывающий и закрывающий теги обязательны. |
Разрешенный родительский элемент | Любой элемент, содержащий потоковый контент. |
Разрешенные ARIA-атрибуты | Нет |
DOM интерфейс | HTMLElement |
Атрибуты
Этот элемент поддерживает глобальные атрибуты.
Примечание
- Не обязательно все ссылки должны быть обернуты в
<nav>
.<nav>
следует использовать лишь для главных навигационных блоков. Например,<footer>
часто содержит список ссылок, которые не стоит оборачивать в<nav>
. - Документ может содержать несколько
<nav>
элементов. Например, один для навигации по сайту, второй для навигации по странице. - Пользовательские агенты, такие как устройства чтения с экрана, предназначенные для людей с плохим зрением, могут использовать этот элемент, чтобы определить следует ли пускать рендеринг содержимого навигации.
Примеры
В данном примере, блок <nav>
содержит ненумерованный список (<ul>
) ссылок. С помощью CSS данный блок можно использовать как сайдбар, навигационную колонку или выпадающее меню.
<nav class="menu">
<ul>
<li><a href="#">Главная</a></li>
<li><a href="#">О нас</a></li>
<li><a href="#">Контакты</a></li>
</ul>
</nav>
Спецификация
Спецификация | Статус | Комментарий |
---|---|---|
HTML Living Standard Определение '<nav>' в этой спецификации. |
Живой стандарт | Без изменений с момента последней спецификации |
HTML5 Определение '<nav>' в этой спецификации. |
Рекомендация | Первоначальное определение |
Совместимость браузера
BCD tables only load in the browser
Таблица совместимости на этой странице создается структурированно. Если вы желаете внести свой вклад в эти данные, пожалуйста, проверьте https://github.com/mdn/browser-compat-data и отправьте нам pull request