Сколько nav`ov может быть на сайте?

HTML PHP

22 января 2026 1 ответ

Суть вопроса: Сколько nav`ov я могу поставить и как это скажется на SEO и других приколах?

Тут видно, что сначало идет:
навигация
лого
навигация
картинки
Первый вопрос- как это верстать? Второй - сколько nav`ov я могу заюзать при этом, всегда думал что онли в хедере и футере по одному наву, а тут столкнулся с такой ситуацией, думаю сделать шапку одной большой навигацией если я считаю верно

Дополнительно:

nav скорее для доступности нужен

Да хоть миллион используй, лишь бы конечному пользователю было удобно

Сколько угодно.
Но имея в виду, что это тег предназначенный для основной навигации. Т.е. если меню дублируется, то второе не будет nav.

картинки

Нет там никаких "картинок".
Есть продолжение списка ссылок/кнопок. Просто они не имеют видимого текста, а иконки это их украшения.
Внутри элемента делают доступно скрытый (гуглите visually-hidden) span, а иконку вставляют псевдоэлементом и/или фоном/маской.

Зачем такая морока ? Можно сделать так я думаю:

&lt;nav&gt;     &lt;ul&gt;         &lt;li&gt;&lt; a href="#"&gt;sustanbilitydihekskdhbdh&lt;/a&gt;&lt;/li&gt;         &lt;li&gt;&lt;a href="#"&gt;stores&lt;/a&gt;&lt;/li&gt;         &lt;li&gt;&lt;a href="#"&gt;&lt;img src="path"&gt;&lt;/a&gt;&lt;/li&gt;         &lt;li&gt;&lt;a href="#"&gt;&lt;img src="path"&gt;&lt;/a&gt;&lt;/li&gt;         &lt;li&gt;&lt;a href="#"&gt;&lt;img src="path"&gt;&lt;/a&gt;&lt;/li&gt;     &lt;/ul&gt; &lt;/nav&gt;

<nav> <ul> <li>< a href="#">sustanbilitydihekskdhbdh</a></li> <li><a href="#">stores</a></li> <li><a href="#"><img src="path"></a></li> <li><a href="#"><img src="path"></a></li> <li><a href="#"><img src="path"></a></li> </ul> </nav>

Если я не прав - поправьте меня и подскажите почему так неправильно

Levott, не правы. Потому что сайтами пользуются не только зрячие люди.
Почитайте как выбирать контентное изображение или украшение.
В этих картинках нет смысла - это украшения.
Хотя бы скройте картинки от скринридеров и добавьте доступно скрытый текст.

Ankhena, одна картинка переводит на корзину купленных товаров, по факту в ней есть смысл и это не просто украшение

Levott, картинка никуда никого не переводит. Этим занимаются ссылки <a>
Пожалуйста, используйте теги по назначению, вам будут благодарны и люди с ограниченными возможностями и пользователи клавиатуры, работающие без мыши и даже коллеги.

Ankhena, Спасибо вам большое :) Какой раз отвечаете на мои вопросы, учту ваши советы и прямо сейчас пойду читать статьи про контентные и декоративные изображения :)

Levott, велкам

Ответы:

Мне кажется, что такую навигационную панель легче сделать с помощью библиотек (например bootstrap). Ответ на второй вопрос, мне кажется что nav'оv может быть сколько угодно как и других тегов (не уверен не много в своём ответе на второй вопрос ).

Нужно решить такую задачу?

Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.

Заказать помощь

Лучший ответ

Никита Орлов Ответ

23 января 2026 в 05:35

На сайте может быть любое количество элементов

, в зависимости от дизайна и структуры сайта. Элемент

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

Если вы хотите добавить несколько навигационных блоков на сайт, вы можете использовать несколько элементов

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

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

на сайте:

 
 
 
    <title>Пример сайта с несколькими nav</title>
 
 
    <header>
        <nav>
            <ul>
                <li><a href="#">Главная</a></li>
                <li><a href="#">О нас</a></li>
                <li><a href="#">Контакты</a></li>
            </ul>
        </nav>
    </header>
 
    <main>
        <p>Основное содержимое сайта</p>
    </main>
 
    <footer>
        <nav>
            <ul>
                <li><a href="#">Политика конфиденциальности</a></li>
                <li><a href="#">Условия использования</a></li>
            </ul>
        </nav>
    </footer>

<title>Пример сайта с несколькими nav</title> <header> <nav> <ul> <li><a href="#">Главная</a></li> <li><a href="#">О нас</a></li> <li><a href="#">Контакты</a></li> </ul> </nav> </header> <main> <p>Основное содержимое сайта</p> </main> <footer> <nav> <ul> <li><a href="#">Политика конфиденциальности</a></li> <li><a href="#">Условия использования</a></li> </ul> </nav> </footer>

В данном примере у нас есть два элемента

- один в шапке сайта (header) и один в подвале (footer). Это позволяет явно разделить основное меню навигации от дополнительной навигации или ссылок на информацию о сайте.

Таким образом, на сайте может быть сколько угодно элементов

Другие ответы (0)

Пока нет других ответов. Будьте первым, кто поможет автору.

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

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

Вам также может быть интересно

Веб-разработка Какие особенности разработки сайтов под тор/даркнет? 1 ответ Веб-разработка Как поправить этот код чтобы можно было обновить данные в бд( при взаимодействии с методом класса в Node.js)? 2 ответов Android Как заменить класс AuthorizationCodeInstalledApp на Android (Google API)? 1 ответ Google Как подтвердить аккаунт Google? 1 ответ

Сколько nav`ov может быть на сайте?

Дополнительно:

Ответы:

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

Вам также может быть интересно

Ежедневно, круглосуточно