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

Здравствуйте, хочу создать сайт абсолютно с нуля 0. Покажите самую идеальную на ваш взгляд, без ошибок, разметку на html5 самого обычного 2ух-колоночного макета (header, content, sidebar, footer-прижатый) или сервис который это сделает. Буду благодарен за ваши, собственные, варианты. Спасибо!
  • Вопрос задан
  • 5980 просмотров
Пригласить эксперта
Ответы на вопрос 4
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
Ответ написан
paulradzkov
@paulradzkov
Дизайнер, верстальщик, начальник отдела UI
codepen.io/paulradzkov/full/OPXqgL — пример макета без учета IE9
Ответ написан
Ваш ответ на вопрос

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

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