HTML тег - nav - определение и примеры использования
Меню
Веб-разработка
Тег nav HTML

HTML - тег <nav> — это элемент HTML5, используемый для определения раздела навигационных ссылок на веб-странице. Этот тег помогает улучшить структуру и семантику веб-страницы, делая ее более доступной как для пользователей, так и для поисковых систем. Элемент <nav> можно использовать для группировки основных навигационных ссылок, например, ссылок на различные разделы или страницы веб-сайта.


Тег <nav> - синтаксис и код

Тег <nav> представлен парами. Содержимое записывается между открывающим (<nav>) и закрывающим (</nav>) тегами.

Пример кода для набора навигационных ссылок:

<nav>
  <a href="/html/">HTML</a> |
  <a href="/css/">CSS</a> |
  <a href="/js/">JavaScript</a> |
  <a href="/python/">Python</a>
</nav>

Определение и использование

  • HTML - тег <nav> определяет набор навигационных ссылок;
  • Обратите внимание, что НЕ все ссылки документа должны находиться внутри элемента <nav>. Элемент <nav> предназначен только для основных блоков навигационных ссылок;
  • Браузеры, такие как программы чтения с экрана для пользователей с ограниченными возможностями, могут использовать этот элемент, чтобы определить, следует ли пропустить первоначальный рендеринг этого контента;
  • Один HTML-документ может содержать несколько тегов <nav>, например, один для навигации по сайту, другой для внутристраничной навигации.
Рекомендация: Обратите внимание, что не все ссылки в HTML-документе размещаются внутри элемента <nav>, он включает в себя основные блоки навигации. Тег <nav> можно разместить для определения ссылок в подвале сайта, но в таких случаях обычно используется тег <footer>.
Примечание: Тег <nav> не может быть вложен в элемент <address>.

Поддержка <nav> браузерами

Chrome Поддерживает
Yandex Browser Поддерживает
Edge Поддерживает
Firefox Поддерживает
Safari Поддерживает
Opera Поддерживает

Атрибуты

Глобальные атрибуты

Тег <nav> также поддерживает глобальные атрибуты в HTML

Атрибуты событий

Тег <nav> также поддерживает атрибуты событий в HTML


Связанные страницы

Руководство по HTML: семантические элементы HTML


Настройки CSS по умолчанию

Большинство браузеров отображают элемент nav со следующими значениями по умолчанию:

nav {
  display: block;
}


Полный список всех доступных тегов HTML см. в Справочнике по тегам HTML.

 

Поделиться ссылкой