Самоучитель HTML Справочник HTML Глобальные атрибуты События Типы элементов Таблица цветов Спецсимволы HTML
Теги HTML

HTML тег <nav>

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

12.0+ 9.0+ 4.0+ 6.0+ 11.1+ 5.0+

Описание

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

Большинство сайтов имеют горизонтальное или вертикальное меню, располагающееся в верхней части страницы, сразу под шапкой, - это и будет идеальным содержимым для элемента <nav>. То есть он должен содержать важные для посетителя ссылки, по которым они смогут найти раздел сайта, представляющий для них интерес. Еще одним хорошим примером может служить длинная статья, имеющая список, содержащий заголовки и подзаголовки с ярлыками ссылок, позволяющими перейти непосредственно к нужному разделу.

Иногда на странице присутствуют группы ссылок полезные для пользователя, но не относящиеся к основной навигации, такие ссылки не запрещено помещать в элемент <nav>, но в то же время они не очень подходят для данного элемента по семантическому смыслу.

Примечание: прежде чем использовать тег <nav> для группировки ссылок, стоит задать себе несколько вопросов: какое они имеют отношение к текущему документу или остальной части сайта, будут ли посетители использовать их для перемещения между разделами. Как правило ответов на эти вопросы вполне достаточно для определения, подходит ли данный элемент для объединения этой группы ссылок.

Атрибуты

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

Стиль по умолчанию

nav {
    display: block;
} 

Пример

<nav>
  <a href="/html/">HTML</a> |
  <a href="/html5/">HTML5</a> |
  <a href="/css/">CSS</a> |
  <a href="/css3/">CSS3</a> |
  <a href="/js/">JavaScript</a>
</nav>

Результат данного примера в окне браузера:

Пример использования тега <nav>
    
Копирование материалов с данного сайта возможно только с разрешения администрации сайта
и при указании прямой активной ссылки на источник.
2011-2016 © puzzleweb.ru

Реклама на сайте | Обратная связь