loading

Блоки или таблицы?

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

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

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


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

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

Код легко читается и удобно редактируется. В нем значительно меньше строк и повторяющихся тегов, что значительно упрощает его понимание. По этой же причине файлы имеют меньший вес и меньше нагружают каналы сервера. Все свойства блоков указываются при помощи CSS, при желании верстальщика в отдельном файле, что так же упрощает чтение и редактирование кода. Сайт легко индексируется поисковыми системами, несколько упрощая работу оптимизаторов.

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

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

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

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

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




icon warning
 (Голосов: 0)

icon edit melahaicon date(20 января 2011)
icon print
Добавление комментария:
Имя:
Пароль: (если зарегистрирован)
Email: (обязательно!)
captcha
- Как обратиться к администратору сети. : пожалуйста помогите войти в ск...
----------
- Как обратиться к администратору сети. : Здравствуйте. Помогите разобра...
----------
- Как обратиться к администратору сети. : Да, в дополнение к моему обращ...
----------
- Как обратиться к администратору сети. : Здравствуйте! Помогите разобра...
----------
- Как обратиться к администратору сети. : При нажатии на кнопку ПОЧТА ,в...
----------
Up
Down