Чем хороша блочная верстка для страниц сайта

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

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

Блочная верстка выглядит несколько иначе, здесь все элементы размещаются в блоки, каждый из которых идет отдельно, независимо друг от друга. Поэтому свойства каждого блока можно изменять индивидуально, не зависимо от других, что и является главным достоинством этого метода верстки. Блоки идут естественным потоком, сверху вниз, слева на право. У каждого из них есть поля, отступы, рамки.

Рамка (border) представляет собой контур, который можно менять по таким характеристикам как, толщина, цвет, тип.

Поле (padding) отделяет содержимое блока от рамки. Это дает возможность расположить текст на некотором расстоянии от стенок блока, и не быть с ними «впритык».

Отступы (margin) – это пространство между блоками, которое позволяет расположить на заданном расстоянии два блока относительно друг от друга.

Блочная верстка позволяет изменить эти параметры, вследствие чего можно изменить положение содержимого блока, а также приблизить блоки друг к другу, изменив отступы и приблизить содержимое блока к рамке, изменив поля.

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

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *