Тег <nav>

IE
9.0+
Chrome
6.0+
Opera
10.6+
Safari
5.0+
Firefox
4.0+
Android
2.1+
iOS
3.0+

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

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

<nav>ссылки</nav>

Пример

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тег nav</title>
 </head> 
<body>
<header>
   <h1>Современные web технологии</h1>
</header>
<nav>
   <a href="html.php">HTML</a> | 
   <a href="css.php">CSS</a> |
   <a href="jquery.php">Jquery</a> |
   <a href="php.php">PHP</a>
</nav>
</body> 
</html>

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

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

Браузеры

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

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

Категория: HTML5, Документ, Ссылки

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