Разметка в HTML5

Разметка в HTML5
В HTML5 появилось несколько новых тегов, которые призваны заменить уже прижившиеся блоки div. Внешне, так сказать, ничего не изменилось, но в сущности новые теги несут в себе смысловую нагрузку, и строго определяют для каждого блока его место и роль:

Определяет область «шапки» сайта с логотипом, первичной навигацией и тд.;
Определяет «подвал», колонтитул веб страницы сайта или раздела, в котом обычно размещается дополнительная информация;
Определяет блок, который служит для группировки однотипных объектов, или для разделения текста на разделы;
Определяет автономную часть страницы, это может быть сообщение форума, журнала или газетную статью, запись в блоге и тд.;
Определяет область навигации, как правило список ссылок;

Можешь почитать и вот эту статейку "Выводим в изображение новости социальные кнопки поделиться с помощью CSS3"