HTML5 + правильная разметка документа

[klierik]

Давайте возьмём за основу самый простой схематический макет:

И так имеем:

1. Шапка. Содержится в теге <header>
   
2. Контентная часть. Содержится в теге <article>
   
3. Боковая панель. Сожержится в теге <aside>
   

Ну и по логике вещей всё это дело можно положить в <section> ?

Или же контент должен хранится в <section> а <aside> уже будет к нему как второстепенный блок?

Как правильно?

[sigma77]

ИМХО:

1 - header

2 - div

3 - aside

section и article - для структурных элеентов, а не для разметки

The section element is not a generic container element. When an element is needed for styling purposes or as a convenience for scripting, authors are encouraged to use the div element instead. A general rule is that the section element is appropriate only if the element's contents would be listed explicitly in the document's outline.

http://www.w3.org/TR/html5/sections.html#the-section-element

[klierik]

спасибо

[SelenIT]

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

Насколько я сейчас понимаю всю эту катавасию, думать об articl-ах, section-ах, nav-ах и т.п. лучше глядя не на визуальный макет, а на страницу без стилей — голый информационный скелет для поисковиков и т.п. И лишь когда эта структура уже готова — прикладывать к этому всему необходимые стили, добиваясь соответствия макету и при крайней нужде добавляя вспомогательные div-ы...

[klierik]

Всё стало на свои места после прочтения: Предварительный обзор HTML5