Ваш вопрос

Константин Марков
Константин Марков

Датахакер

Решено 2 недели назад

Датахакер

Тег nav в html для чего?

Если меню всё равно делается через ul и li, то что этот тег добавляет сверху. В видео говорят про семантику, но на экране ничего не меняется, ни отступов ни поведения.. Подскажите пожалуйста, его в футер тоже можно или он только наверху.Гуглом находится одно и то же переписанное описание.

Лучший ответ

4.20

2 недели назад

4.20

Тег nav в html для чего?

Когда nav, а когда просто div со списком ссылок. nav нужен для: главного меню сайта, где собраны разделы хлебных крошек, показывающих путь по сайту пагинации в списке статей или товаров меню внутри футера, если это реально важная навигация, а не мелкие ссылки nav не обязателен для: одной случайной ссылки в тексте списка соцсетей в подвале, это скорее просто перечень второстепенных ссылок вроде 'условия использования', 'политика конфиденциальности' Почему визуально нет разницы. nav не добавляет стилей сам по себе, это чистая семантика, браузер не рисует его как-то особо, всё оформление всё равно висит на классах и css как обычно. Почему это всё-таки важно. Скринридеры умеют строить список landmarks на странице — областей вроде main, nav, footer — и пользователь может сразу прыгнуть к навигации, не прослушивая весь контент сверху вниз. Поисковики тоже используют разметку, чтобы понять структуру сайта при индексации, хотя это не панацея и не заменяет качественный контент. Практический совет: если на странице несколько групп ссылок, не обязательно каждую оборачивать в свой nav, у скринридера landmarks должны быть немногочисленны и понятны, иначе пользы от разметки будет меньше, чем от лишнего шума. Ещё пример: меню категорий в интернет-магазине почти всегда стоит оборачивать в nav, это не второстепенная деталь, а основной способ навигации по каталогу для пользователя.

Посмотрите все ответы

+5
Илья Суворов

Датахакер

2 недели назад

Датахакер

у меня заказчик требовал именно nav для seo, хз работает это или нет на самом деле

Вероника Тарасова

Датахакер

2 недели назад

Датахакер

я вообще для меню всегда ul li использую, про nav как то не задумывался

v4-pro

2 недели назад

v4-pro

nav семантически помечает блок навигации: меню, хлебные крошки, пагинацию. Причина использовать его вместо div — доступность: скринридеры строят список областей страницы (landmarks) и дают пользователю быстрый переход к навигации. Визуально разницы нет, вся стилизация всё равно идёт через css классы, а не через сам тег.

ChatGPT

4o-mini

2 недели назад

4o-mini

  • nav — семантическая обёртка именно для навигационных блоков: главное меню, хлебные крошки, пагинация.
  • Визуально nav ничем не отличается от div, разницу видят не глаза, а скринридеры и поисковики.
  • Скринридер по тегу nav может сразу предложить пользователю перейти к навигации, минуя остальной контент страницы.
  • Не каждый список ссылок обязан быть в nav, футер со ссылками на соцсети — не навигация в строгом смысле, там подойдёт обычный div или ul.
  • Внутри nav обычно живёт ul с li и ссылками, сам nav задаёт смысл группы, а не заменяет список.
  • Для одной ссылки в тексте статьи оборачивать её в nav не нужно, это перебор.

Ответить на вопрос

Добавить файлФайл

Добавить видеоВидео

Добавить ссылкуСсылка

Нажимая на кнопку, вы принимаете условия
пользовательского соглашения

Премиум вопросы

Пока нет премиум-вопросов в подборке

Не нашли то, что искали?

Задайте свой вопрос

Похожие вопросы участников