Тег nav в html для чего нужен
Перейти к содержимому

Тег nav в html для чего нужен

  • автор:

Что такое nav в HTML5?

HTML тег

.

Обычно в этом теге располагаются приоритетные ссылки на сайте. На одной странице может быть использовано несколько таких тегов. Кроме того, нельзя вкладывать данный тег в тег address.

Атрибуты:

  • У этого тега нет специальных атрибутов, но вы можете использовать все универсальные теги, такие как title.

Пример:

 

Сайт по программированию

HTML тег

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

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

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

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

Атрибуты

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

Пример

  

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

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

<nav></p><div class='code-block code-block-9' style='margin: 8px 0; clear: both;'>
<!-- 9pocketpc -->
<script src=

» width=»373″ height=»184″ />

Копирование материалов с данного сайта возможно только с разрешения администрации сайта
и при указании прямой активной ссылки на источник.
2011 – 2024 © puzzleweb.ru | razumnikum.ru

Тег nav в html для чего нужен

Тег задает навигацию по сайту. Если на странице несколько блоков ссылок, то в обычно помещают приоритетные ссылки. Также допустимо использовать несколько тегов в документе. Запрещается вкладывать внутрь .

Синтаксис

Атрибуты

Закрывающий тег

HTML5 IE Cr Op Sa Fx

    nav   

Чебурашка и крокодил Гена

Добро пожаловать!

Результат данного примера показан на рис. 1.

Навигация по сайту

Рис. 1. Навигация по сайту

Браузеры

Internet Explorer до версии 8.0 включительно игнорирует тег , но отображает его содержимое. Также в этом браузере любые стили не применяются к селектору NAV .

Firefox полностью поддерживает этот тег начиная с версии 4.0, но версии 3.0 и старше также корректно отображают содержимое тега.

Статьи по теме

  • Новые теги
  • Что всё это значит?

Тег nav в html для чего нужен

Тег (от англ. navigation — навигация) задаёт навигацию по сайту.

Если на странице несколько блоков ссылок, то в обычно помещают приоритетные ссылки. Также допустимо использовать несколько в документе. Запрещается вкладывать внутрь .

Демо¶

Секции и заголовки

Синтаксис¶

nav>ссылкиnav> 

Закрывающий тег обязателен.

Атрибуты¶

Спецификации¶

Описание и примеры¶

 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21
 html> head> meta charset="utf-8" /> title>navtitle> head> body> header> h1>Чебурашка и крокодил Генаh1> header> nav> a href="page/1.html">Чебурашкаa> | a href="page/2.html">Генаa> | a href="page/3.html">Шапоклякa> | a href="page/4.html">Ларискаa> nav> article> h2>Добро пожаловать!h2> article> body> html> 

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *