HTML5 как правильно сверстать?

Question

[Rudy Dudy]

Здравствуйте!
Подскажите пожалуйста - как будет правильней сверстать:
Есть хедер с бэкграунд картинкой на всю ширину экрана. В хедере имеется лого, меню и маленький текст о сайте, всё это отцентрировано: margin 0 auto с шириной 960px.
Имеем такой дерево:
header
main
Здесь разметка лого, меню и остальное
/main
/header
div class="wrapper"
main
здесь тело сайта
/main
/div
footer
main
здесь тело подвала
/main
/footer
Футер имеет заливку на всю ширину экрана.
В css задаем хедеру бекграунд имедж, а тегу мейн ширину 960px margin 0 auto

Является ли такая разметка правильной? Можно ли использовать контейнер main таким образом?

Answer 1

[zooks]

Нет, не является. В main оборачивается основной контент (у вас "тело сайта"), его можно использовать лишь один раз.

Comments

[Rudy Dudy]

Как тогда правильно? Хедер и Футер имеют заливку на всю ширину экрана, а контент отцентрирован. Как правильно будет поступить?

[Faber Estello]

шапка а внутри враппер + мэин внутри враппер + футтер внутри враппер

[Rudy Dudy]

Sen Selesss: Спасибо, ещё вопрос: В html5 есть какой-то тег которым можно заменить этот див с классом враппер?

[Faber Estello]

Zen Ter: нет, такого еще не придумали )

Answer 2

[Владимир Хаттер]

Юзай section.../section вместо main! И будет тебе добро! ;)

Comments

[Faber Estello]

вот к чему приводит не понимание тегов!!!! секцию вместо мэин, оригинально

[Владимир Хаттер]

Sen Selesss: а что не так то?

[zooks]

Владимир Хаттер: section - это часть статьи, которая в большинстве случаев содержит заголовок.

[Владимир Хаттер]

zooks: просвещайтесь!
htmlbook.ru/html/section

[zooks]

Владимир Хаттер: просвещаться нужно здесь и здесь.