Тег nav - як використовувати для створення навігації по сайту, простою мовою про створення сайтів і

Вітаю вас відвідувач блогу your3w.ru Тег nav сьогодні на порядку денному. Продовжую серію статей по роботі з основними тегами, вірніше сказати з тегами які найбільш часто використовуються при створенні веб-сторінок. Я розповідав вже в записах блогу про тегах body, section.

У цьому невеликому пості поговоримо про ще один новий елемент специфікації html5 не менше корисному ніж раніше розглянуті теги, про тезі nav дозволяє нам створювати блоки навігації по сайту.

Давайте подивимося що на рахунок використання цього тега каже нам специфікація HTML

Таке визначення дає нам специфікація зверніть увагу на той момент, що nav також, як і теги section, article відноситься до секціонуючою тегам і отже повинен мати в своєму складі заголовок h1-h6.

Хочемо ми цього чи ні, але заголовок всередині цього тега повинен бути таке визначення необхідно для того щоб забезпечити користувачам з обмеженими можливостями які використовують голосові браузери можливість навігації по документу. Давайте тепер подивимося як використовувати тег nav.

Використання тега nav

Коль скоро nav призначений для створення розділу навігації на сайті (всередині цього тега розташований список посилань по сайту), і як ви знаєте навігації - це якийсь список гіперпосилань кожна з яких ведуть на певну сторінці сайту або його розділ. Отже, в розділі сформованому за допомогою nav для розміщення навігаційних посилань цілком доречно використання тегів списків. Такий підхід рекомендований розробниками специфікації HTML5.

Як і теги header. footer, section на сторінці може бути не один nav. Цілком можливо використовувати один nav в шапці сторінки

а інший nav використовувати для створення списку посилань внизу сторінки