HTML5 как сделать правильный каркас?

Question

[Ferzet]

Здравствуйте, хочу создать сайт абсолютно с нуля 0. Покажите самую идеальную на ваш взгляд, без ошибок, разметку на html5 самого обычного 2ух-колоночного макета (header, content, sidebar, footer-прижатый) или сервис который это сделает. Буду благодарен за ваши, собственные, варианты. Спасибо!

Answer 1

[Appp Zooo]

csstemplater.com генератор под ваш вкус.

Answer 2

[Игорь Воротнёв]

HTML 5, если уж так по-новомодному цепляться к этой магической цифре 5, строится в первую очередь вокруг семантики. Семантика выплывает из контекста, создаваемого контентом. Поэтому без понимания того, какой у вас контент этой страницы, все советы будут достаточно абстрактны. Разберитесь с блочными, строчными, и особенно секционирующими элементами. Разберитесь с семантической нагрузкой на элементы. А если совсем кратко, примитивная структура:

header
nav
article
  header
  ... основной контент ...
  footer
aside
  ... второстепенный контент ...
footer

или

header
nav
section
  article
    header
    ...
    footer
  article
    header
    ...
    footer
section
  header
  ...
  footer
footer

Answer 3

[kstyle]

htmlbook.ru/layout/fiksirovannaya-shirina-ispolzov... вконце пример для html5, слева еще примеры макетов

Answer 4

[Павел Радьков]

codepen.io/paulradzkov/full/OPXqgL — пример макета без учета IE9