TABLE vs DIV или табличная HTML-CSS верстка против блочной (дивной) верстки сайтов

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

Но со временем интернет развивался, а с ним за компанию и браузеры. Сначала появилась Опера, а потом и бусечка. В смысле, FireFox. В настоящее время уже и Google запустил свой обозреватель - Chrome. Но сейчас не об этом. Когда новые браузеры начали набирать популярность, вебмастера и верстальщики захотели чего-то большего, чем каждый отступ делать прозрачной gif-кой, растянутой на определенную ширину. Тогда-то и пришёл на помощь CSS. Но вот ведь проблема — CSS оказался не одинаково полезным для разных браузеров. И недобраузеров :-)

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

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

Были, конечно, и правдивые лозунги. Например, верстка сайтов на div-ах действительно более гибкая и на самом деле более правильная с точки зрения стандартов консорциума W3C, чем табличная. Также, как правило, дивная верстка меньше весит и лучше грузится. Но и у таблиц тоже есть воистину неопровержимые преимущества: table-ы более надежны (ячейка от ячейки точно никуда не уплывёт, в отличии от div-a, который может уехать черт его знает куда). Табличная верстка действительно более универсальна и кроссбраузерна, и как правило не требует применения всяких хаков.

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

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

Но где же истина? Можно ли использовать таблицы в верстке сайтов, или всё должно держаться только на div-ах? Стоит ли жертвовать семантической корректностью в пользу простоты и надежности? Или же стоит принести в жертву килобайты кода, чтобы сделать ваш HTML кроссбраузерным и соответствующим стандартам? Ответ на этот вопрос вы можете услышать в фильме «Звездные войны». Прислушайтесь к своим чувствам ;-)