Благодетели сайта

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

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

Технология CSS позволяет располагать элементы HTML страницы в любом порядке и месте, так же есть возможность использовать послойную верстку, когда один блок «наезжает» на другой и можно задавать в параметрах этих блоков какой из них будет иметь слой, тоесть один блок можно сделать под другим и наоборот.

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

Так как разработчики браузеров, немного по разному интерпретируют спецификацию CSS, то при блочной верстке встает острая проблема в кроссбраузерности. Сверстанная страница, будет по разному отображаться в различных браузерах, например корпорация Microsoft специально разработала формат ссылки на CSS стилевый файл который будет читать только Internet Explorer. Этот формат может распределять ссылку на стилевый файл согласно версиям браузера.

Даже операционные системы могут влиять на формат отображения блочной верстки, например все семейства Windows могут по другому отобразить блочную верстку, чем например OS Макинтоша или Линукс системы.

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