Элемент секции навигации <nav>

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>' в этой спецификации.		 Рекомендация Первоначальное определение

Совместимость браузера

Update compatibility data on GitHub
КомпьютерыМобильные
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome для AndroidFirefox для AndroidOpera для AndroidSafari on iOSSamsung Internet
navChrome Полная поддержка 5Edge Полная поддержка ДаFirefox Полная поддержка 4IE Полная поддержка 9Opera Полная поддержка 11.1Safari Полная поддержка 4.1WebView Android Полная поддержка ДаChrome Android Полная поддержка ДаFirefox Android Полная поддержка 4Opera Android Полная поддержка 11.1Safari iOS Полная поддержка 4.2Samsung Internet Android Полная поддержка Да

Легенда

Полная поддержка  
Полная поддержка

Смотрите так же