Блочная верстка

Блочная верстка – метод верстки HTML-страниц, основанный на технологии CSS и активно используемый при разработке сайтов. Основная особенность – применение содержащих информацию блоков, которым задаются ширина, высота и позиция на экране, что позволяет эффективно управлять содержимым страницы, располагая его нужным образом.

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

Плюсы и минусы блочной верстки

Создание и разработка сайтов с использованием данного метода становятся все популярнее, во многом — потому, что блочная верстка позволяет управлять потоком загрузки, определяя порядок, в котором основные элементы отображаются на странице. Таким образом, страницу можно «заставить» загружаться с «нужного» блока (например, содержащего основную информацию), что даст возможность посетителю начать его просмотр, пока остальные элементы еще не отобразились. Кроме того, блок с текстом можно расположить в начале кода, что повысит его значимость для поисковых систем.

Блочная верстка при создании и разработке сайтов позволяет разделить содержимое страницы и ее оформление, которое выносится в отдельный файл. Поэтому создание сайтов (а соответственно и продвижение по трафику) существенно ускоряется, ведь над одной страницей могут независимо работать несколько человек (верстальщик, программист и дизайнер). Становится меньше и размер HTML-кода.

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

Разработка сайтов с использованием блочной верстки имеет немало особенностей, но все они прекрасно известны профессиональным программистам, которые способны быстро создать функциональный и стабильно работающий web-ресурс с применением самых современных технологий.