Семантика html5

[EVGENi]

Здравствуйте дорогие эксперты и форумчане!

У меня вопрос по поводу семантики, связанный с новыми тегами html5.

А конкретно такая ситуация:

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

- <secton> будет "оберткой" всех блоков, правильно формирующих фон и положение для контента;

- <section> вложена в несколько <div>'ов. Тогда <secton> можно спокойно наполнять контентом.

Сам пытался разобраться в этой проблеме. Сделал бы <section> "оберткой", но не рекомендуется применять его для стилизации. Вроде как он должен содержать только контент и обязательный заголовок внутри.

Как быть?

[logicface]

Например у вас есть контент состоящий из 3 колонок. Общая область контента это див. Каждая колонка это секция, каждая тема в колонке это секция, заголовок темы можно обернуть в хэдер, контент темы это артикл. Дно темы, если оно есть это футер, но опять же на ваше усмотрение. Можно и без хэдера и футера обойтись. То есть лучше использовать второй вариант в вашем случае. А еще как я читал основной контент не должен лежать прямо в секции. Он должен лежать в артикле. Но я еще с этим разбераюсь по этому мой коммент может быть неправдой=)

Вот пример

Серый и розовый это секции, синий артикл. Хотя можно розовую секцию сделать артиклом как я думаю. Тогда синий будет просто див.

Edited November 26, 2012 by logicface

[RodgerFox]

... Сделал бы <section> "оберткой", но не рекомендуется применять его для стилизации. Вроде как он должен содержать только контент и обязательный заголовок внутри.

Как быть?

Так и быть, брать и не использовать, просто "оберткой".