Как лучше сделать семантически правильно?

Question

[Евгений]

Здравствуйте!

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

Если мы нажимаем на "Раздел 01", то контент этого пункта разворачивается (либо попадаем на другую страницу, с уже развернутым контентом, пока не решили как сделать, не суть).

И вот вопрос... Получается перед контентом нужно закрывать , а после контента, перед следующим разделом меню открывать?

<nav>
   <ul>
      <li>Раздел 01</li>
   <ul>
</nav>

<article>Контент первого раздела</article>

<nav>
   <ul>
      <li>Раздел 02</li>
   <ul>
</nav>

<article>Контент второго раздела</article>

<nav>
   <ul>
      <li>Раздел 03</li>
   <ul>
</nav>

<article>Контент третьего раздела</article>

Не будет это означать десяток меню на сайте?
Но и весь сайт целиком нельзя в убрать, судя по спецификации...

Весь вопрос в разрезе поисковиков и SEO, чтобы был семантически правильный код и т.д. и т.п.
Как корректнее сделать?

Comments

[sergski]

то, что вы описали называется вертикальный аккордеон

[Евгений]

sergski, да, вертикальный аккордеон
но что все таки делать с тегом nav?

[sergski]

Евгений, вообще, стандарт не обязывает использовать nav исключительно для списка с ссылками и не запрещает использовать его, например, так:

<nav>
	<a>Раздел 01</a>
	<p>Контент первого раздела</p>
	<a>Раздел 02</a>
	<p>Контент второго раздела</p>
	<a>Раздел 03</a>
	<p>Контент третьего раздела</p>
</nav>

Answer 1

[0ffff0]

как создать вертикальный аккордеон
В случае когда контент скрывается, и ваши ключевики из не соответствуют содержанию загружаемой страницы, можно использовать тэг noscript и туда поместить основной контент

<noscript>
Так будет выглядеть сайт для пользователей отключивших javascript  или использующих очень старые версии Internet Explorer
</noscript>
А поисковики будут выдавать вас по ключевым словам

Comments

[Евгений]

ок, к примеру мы не скрываем содержимое, а перекидываем на другую страницу, где пункт меню уже "развернут". Это касается всех внутренних страниц. А на главной будет просто меню. Без скрытого/открытого контента.
Вопрос собственно касается только тега nav и получается, что только для внутренних страниц (на главной будет просто меню, которое будет завернуто в nav).
Открывать-закрывать его после и перед контентом или он будет обрамлять весь сайт и не оглядываться, что контент попадает туда?

[0ffff0]

Евгений, если вы делаете перенаправление, то о каком контенте, попавшем в тег nav иде речь? покажите код.

[0ffff0]

Евгений, тег nav предназначен для создания блока навигации веб-страницы или всего веб-сайта , хотите обрамлять весь сайт - обрамляйте, никто вам руки не оторвет и кирпичами не закидает ;)