В самом начале появления интернета существовала только табличная верстка.Но вначале третьего тысячелетия появился еще один вид верстки html-страниц.И теперь идут многочисленные споры по поводу того, как лучше верстать свою страничку.Давайте рассмотрим все - "за!" и "против!"
#1 Табличная верстка.Особенности, плюсы и минусы.
Итак, табличная верстка представляет собой контейнеры с информацией, структура кода выглядит так:
Code
<table>
<tr>
<td>код первого контейнера</td>
</tr>
<tr>
<td>код второго контейнера</td>
</tr>
</table>
Давайте теперь рассмотрим преимущества и минусы:
+ легок в понимании, новичку разобраться не составит огромного труда, а если есть визуальный редактор на подобии Adobe Dreamweaver, то верстка становится еще проще.
- громоздкий код препятствует "нормальной" читабельности кода.
+ занимает меньше времени для верстки и устранения багов.
- сайт грузится медленно, нельзя к блоку привязывать css-стили лежащее в корне сайта.
+ с легкостью можно создать html-страницу резиной ширины.
Это основные плюсы и недостатки табличной верстки.#2 Блочная верстка страниц.
Блочная верстка довольно сложна в понимании, по сравнению с табличной версткой.Для того чтобы верстать кроссбраузерные страницы необходимо попрактиковаться, т.к. некоторые особенности без практики понять сложно.
Конструкция блочных элементов выглядит так:
Code
<div id="wrapper"> /* Основной контейнер */
<div id="header">Все элементы шапки(верхнего блока) сайта</div>
<div id="left-sidebar">Все элементы левого контейнера</div>
<div id="content">Содержание страницы</div>
</div>
Плюсы и минусы:
+ простой понятный код, сразу можно понять, что где находится, код очень короткий по сравнению с табличной версткой.
+ быстрая загрузка сайта, сайт грузится в 4(!) раза быстрее, чем табличные элементы.
- для того, чтобы страница стала полностью кроссбраузерной(в основном проблемы с отображением во всеми любимом браузере Internet Explorer 6), приходится пихать различные хаки и костыли, что приводит к увеличению количества кода и скорости загрузки сайта.Обычно проблема кроется в плавающих блоках float, которые по чудесному взмаху руки начинают смещаться в разные стороны(баг проявляется только в IE6).
+ с легкостью можно хранить все стили в одном или нескольких css-файлах.#3 Заключение.
Завершая данную хотелось бы сказать о том что, каждый сам выбирает какая верстка ему наиболее приемлема.Но уходит от современных тенденций не стоит, т.к. возможно когда нибудь про табличную верстку все забудут и думаю, что страницы должные соответствовать современным тенденциям.Как альтернативой, можете верстать смешанной версткой, т.е. грамотно использовать блочные(div) и табличные(table) элементы.