В чём разница между menu и nav в HTML5?

[sifilis]

Я прочитал, что menu используется для размещения меню, а header для размещения навигационных ссылок. А в чём разница-то?

[Modestes]

так вы решите о чем спрашивать то, о header или nav.

menu это устаревший тег, вместо него используют ul, в html5 он играет в роли контейнера для тега command

в nav помещают приоритетные ссылки, если их много на страничке.

зачем в header размещать навигационные ссылки(кроме лого), он служит для шапки или какого либо заголовка

Новые теги в 5ке скорее для визуального более понятного восприятия структуры страницы.

Edited May 3, 2012 by Modestes

[sifilis]

Ну ошибся я в тексте.

То есть вместо ul.menu надо юзать menu? А вместо чего надо использовать nav?

[Modestes]

Ну ошибся я в тексте.

То есть вместо ul.menu надо юзать menu? А вместо чего надо использовать nav?

Нет.

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

Он как бы заменяет тег <ul>

Пример:

<menu>

<li>...</li>

<li>...</li>

</menu>

Про него ваще забудь.

Юзай <ul> или <nav> (если говорить о пятерке)

Пример:

<nav>

<a href="#">Главная</a>

<a href="#">Портфолио</a>

<a href="#">О нас</a>

</nav>

тут <ul> и <li> не нужны, хотя если вложить их в <nav> то ничего страшного.

[Justnewone]

Все что внутри nav понимается всякими плагинами как меню, а браузеру вобщем-то пофиг, все с чем он не дружит подсветит валидатор. А вообще, это холиварный вопрос Возможно SEO тут замешано, надо у них спросить.

[sifilis]

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

В HTML5 тег <menu> вновь включен, но уже в другом качестве. Теперь он выступает контейнером для тега <command> и создания меню.

[SelenIT]

В HTML5 <menu> служит прежде всего для создания собственных контекстных меню (работает в новых FF) и тулбаров (насколько я в курсе, нативно пока не работает нигде, но можно эмульнуть с помощью CSS). Нужен в основном для веб-приложений (напр. на dabblet-е он "в тему"). Как правило, описывает действия, которые можно совершать прямо на текущей странице, никуда не уходя.

Навигация (<nav>) — как раз то, куда можно перейти (разделы сайта, подразделы статьи и т.п.), больше подходит именно для сайтов. Основной смысл группировки ссылок в <nav> — улучшение доступности контента (напр. возможность скринридера для слепых пропустить навигационную секцию, перейдя сразу к основному содержанию, а по команде пользователя вернуться к ней).

В <header> тоже могут быть ссылки — на вводные/поясняющие материалы (инфо об авторе, ссылка на предыдущие публикации цикла, ссылка на оригинал для перевода и т.п.). Но вообще эта семантика — вещь достаточно гибкая, многое оставлено на усмотрение автора, так что надо руководствоваться здравым смыслом.

[sifilis]

В HTML5 <menu> служит прежде всего для создания собственных контекстных меню

Так вот где собака зарыта. Спасибо за ответ.