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

Здравствуйте, хочу создать сайт абсолютно с нуля 0. Покажите самую идеальную на ваш взгляд, без ошибок, разметку на html5 самого обычного 2ух-колоночного макета (header, content, sidebar, footer-прижатый) или сервис который это сделает. Буду благодарен за ваши, собственные, варианты. Спасибо!
  • Вопрос задан
  • 6222 просмотра
Пригласить эксперта
Ответы на вопрос 4
@ikeagold
csstemplater.com генератор под ваш вкус.
Ответ написан
Комментировать
HeadOnFire
@HeadOnFire
PHP, Laravel & WordPress Evangelist
HTML 5, если уж так по-новомодному цепляться к этой магической цифре 5, строится в первую очередь вокруг семантики. Семантика выплывает из контекста, создаваемого контентом. Поэтому без понимания того, какой у вас контент этой страницы, все советы будут достаточно абстрактны. Разберитесь с блочными, строчными, и особенно секционирующими элементами. Разберитесь с семантической нагрузкой на элементы. А если совсем кратко, примитивная структура:
header
nav
article
  header
  ... основной контент ...
  footer
aside
  ... второстепенный контент ...
footer

или
header
nav
section
  article
    header
    ...
    footer
  article
    header
    ...
    footer
section
  header
  ...
  footer
footer
Ответ написан
Комментировать
@kstyle
htmlbook.ru/layout/fiksirovannaya-shirina-ispolzov... вконце пример для html5, слева еще примеры макетов
Ответ написан
Комментировать
paulradzkov
@paulradzkov
Дизайнер, верстальщик, начальник отдела UI
codepen.io/paulradzkov/full/OPXqgL — пример макета без учета IE9
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы