Организация многоуровневой навигации посредством HTML5

bvitaliyg, 155 просмотров

До HTML 5 для многоуровневой навигации часто использовали код вида:
<ul>
<li><a>...</a></li>
<li><a>...</a></li>
<li><a>...</a>
<ul>
<li><a>...</a></li>
...
<li><a>...</a></li>
</ul>
</li>
<li><a>...</a></li>
...
</ul>
HTML 5 специально для таких элементов внедрил тег <nav>. Какие предложите варианты его использования, по возможности без лишних элементов? Брать всю навигацию список внутри <nav> в список - извращение, имхо. А в <a> тег не вложишь.
Важна именно многоуровневость списка.

Примечание:
NetRain (Alexander Borovikov), то есть вы советуете просто взять все это в один <nav>?

Ответы:

для последующего сравнения

nav обозначает блок навигации.
Поэтому раньше у вас был просто список, а теперь список с навигацией:
<nav>
<ul>
<li><a href="...">...</a></li>
...
</ul>
</nav>

для последующего сравнения

Да. Других-то вариантов и нет. nav - просто блочный элемент, который означает, что все внутри него имеет отношение к навигации. Он не выстраивает конкретную структуру, не имеет каких-то сопутствующих тегов и элементов (как ul, который имеет свои li). Т. е. ничего кроме блока (физически равного div'у) и подсказки, какое значение имеет его содержимое, этот элемент не дает. А других инструментов нет.
Разве что если у вас нет вложенности и ее не появится, то можете избавиться от списка, а каждую ссылку поместить в div или span. Или, если макет позволяет, просто оставить одни ссылки, которые в css можете описать как надо (вплоть до их переопределения в блочное представление).

13 лет назад

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.