HTML 5 макет <section>

Question

У меня есть этот сайт, который я разрабатываю, и я хочу сделать его в соответствии с новейшими стандартами HTML5.

Общая схема довольно проста, как вы можете видеть на картинке.

Итак, поскольку содержимое #main не всегда является статьей блога (чаще всего это «статическая» страница), какой тег мне следует использовать?

Любые другие рекомендации?

Спасибо!

Answer 1

Взгляните на эти две статьи html5doctor.com :

• Разработка блога с html5

• Элемент section

В частности, статья «Разработка блога» описывает макет страницы почти так же, как макет в вашем вопросе.,Две соответствующие цитаты, касающиеся основной области содержимого:

Элемент section представляет общий документ или раздел приложения ... Элемент section не является общим контейнерным элементом.Когда элемент нужен для стилизации или для удобства написания сценариев, авторам рекомендуется использовать вместо этого элемент div.

и

Эмпирические правила использования section:

• Не используйте его просто как ловушку для стилизации или написания сценариев;это div
• Не используйте его, если article, aside или nav более уместно
• Не используйте его, если нет естественного заголовка наначало раздела

Я предлагаю использовать article для основного контента.Если у вас есть несколько элементов в основном контенте, и они тематически связанные и могут быть сгруппированы под общим заголовком, тогда используйте section;в противном случае используйте div.

Answer 2

Вы должны использовать <section>.Эти теги не ограничиваются этим использованием.Например, у вас может быть такое дерево:

<header />
<section>
  <article>
    <header />
    <footer />
  </article>
</section>
<footer/>

<section> здесь, чтобы помочь поисковым системам определить наиболее важные элементы div, поэтому покажите, что это важно.