Тег <nav>

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

Опис

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

Синтаксис

<nav>посилання</nav>

Атрибути

Немає.

Закриваючий тег

Обов'язковий.

Приклад

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>nav</title>
 </head> 
 <body>
  <header>
    <h1>Чебурашка і крокодил Гена</h1>
  </header>
  <nav><a href="1.html">Чебурашка</a> | <a href="2.html">Гена</a> |
       <a href="3.html">Шапокляк</a> | <a href="4.html">Лариска</a></nav>
  <article>
    <h2>Ласкаво просимо!</h2>
  </article>
 </body> 
</html>

Браузери

Internet Explorer до версії 8.0 включно ігнорує тег <nav>, але відображає його вміст. Також у цьому браузері будь-які стилі не застосовуються до селектора NAV.

Firefox повністю підтримує цей тег починаючи з версії 4.0, але версії 3.0 і старші також коректно відображають вміст тега.

Часті запитання

  • Q: Як використовувати тег <nav> в HTML?

    A: Тег <nav> використовується для визначення навігаційного меню на веб-сторінці.

  • Q: Для чого потрібен тег <nav> в HTML?

    A: Тег <nav> допомагає виділити навігаційні елементи на веб-сторінці, щоб користувачі могли легко переходити між різними сторінками.

  • Q: Які елементи можна розміщувати всередині тегу <nav>?

    A: У тег <nav> можна розміщувати посилання (теги <a>), списки (теги <ul>, <ol>), або будь-які інші елементи, які вказують на навігаційні елементи.

  • Q: Чи можна мати декілька тегів <nav> на одній сторінці?

    A: Так, на одній сторінці може бути декілька тегів <nav>, якщо потрібно виділити різні блоки навігації.

  • Q: Чи обов'язково використовувати тег <nav> для навігації на веб-сторінці?

    A: Використання тегу <nav> є рекомендацією, але не є обов'язковим. Головне - забезпечити зручну навігацію для користувачів.