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

Question

[Levott]

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

Comments

[kokapuk]

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

[Владислав Лысков]

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

[Ankhena]

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

картинки

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

[Levott]

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

<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>

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

[Ankhena]

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

[Levott]

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

[Ankhena]

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

[Levott]

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

[Ankhena]

Levott, велкам

Answer 1

[holllop]

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