Часть 3. Переходим на HTML5. Организация контента.

Разметка основных частей страницы готова и пришло время познакомиться со способами организации контента в HTML5. В качестве примера опять возьмем блог, т.к. это прекрасный прототип для современных сайтов с наличием самых разнообразных структурных элементов и тэгов. Верстка статей Типичная статья в блоге обычно состоит из...

Часть 2. Переходим на HTML5. Общая структура страницы.

Возьмем в качестве примера разметку главной страницы самого простого блога – шапка, подвал, боковая колонка с меню, набор постов с их кратким описанием. <header> Шапка страницы обычно является первым элементом на странице и содержит название сайта, логотипы, ссылки на главную страницу, может содержать навигацию по...

Часть 1. Переходим на HTML5. Введение.

HTML 4 предлагает нам использовать для разметки контента обобщенные структуры. К примеру, <div> — это обобщенный блок, который сообщает браузеру что-то вроде «вот тут есть что-то, и оно рассматривается как нечто целое», однако этот элемент не имеет значения; никакой семантики, выходящей за рамки выражения «оно...

Вертикальное выравнивание img произвольных размеров

Каждому верстальщику приходилось сталкиваться с необходимостью центрировать изображение внутри блока не только по горизонтали, но и по вертикали. Если размеры изображения всегда постоянны и известны, то решение подобрать нетрудно. Мы рассмотрим случай, когда у картинки может быть произвольная высота и ширина. Мне, например, часто приходится...