Пользоваться таблицами с невидимой границей в качестве модульной сетки – самый распространённый метод при вёрстке сайтов. В таких типах таблиц намного удобней располагать разные элементы web-страниц. К главным плюсам табличной вёрстки можно отнести высокую скорость, лёгкость и отличную кроссбраузерность.
Благодаря своей универсальности, табличная вёрстка ещё недавно была очень популярна. Но на смену ей пришли слои. Сейчас таблицы используются именно для размещения своих данных, для чего они всегда и предназначались. Слои в отличие от них используются только для оформления и вёрстки сайтов. Но даже в наше время можно встретить какой-нибудь сайт, свёрстанный при помощи таблиц.
Плюсы табличной верстки
Простота в создании колонок
Одноколонная модульная сетка применяется на web-сайтах довольно редко. Намного удобней располагать основной текст и меню в нескольких колонках. Каждая ячейка становится отдельной колонкой, когда в качестве таблицы применяется многоколонная модульная сетка. Это позволяет легко создавать 2-х, 3-х колонные макеты сайтов. Таблицы в отличие от слоёв, при изменении окна браузера, сохраняют свой прежний вид, а не переносятся друг под друга. Высота разных колонок также не изменяется при использовании таблиц. Причём объём не имеет значения.
Возможность совмещения рисунков
Часто рисунки собирают в единое целое, после того как их разбивают на отдельные фрагменты. Это необходимо для сокращения размеров файла, а также для создания эффекта анимации или перекатывания. Мы можем совместить в одном изображении сразу несколько рисунков и всё это с помощью таблицы. Каждый отдельный рисунок размещается в разные ячейки таблицы, при этом свойства таблицы меняются на такие, чтобы не было видно стыков ячеек.
«Безразмерный» макет
Из-за того, что ширину и высоту таблиц можно задавать в процентном соотношение, они применялись при вёрстке «безразмерного» макета, высота и ширина которого прикреплена к размерам окна браузера.
Фоновые рисунки
Можно создать разные рамки, декоративные линии и другие эффекты, благодаря возможности прикреплять картинки к отдельным ячейкам таблицы и способности их повторения по вертикали и горизонтали.
Особенности отображения в браузерах.
Разные браузеры по-разному изображают параметры CSS, в связи, с чем разработка валидного кода с использованием слоёв может стать большой проблемой для верстальщика. Таблицы же изображаются практически во всех браузерах одинаково, что значительно упрощает работу при создании web-страниц.
Выравнивание элементов.
Возможности по расположению элементов дизайна расширяются как в целом по странице, так и относительно друг друга. И всё это при помощи одновременного выравнивания содержимого ячейки и по вертикали и по горизонтали.
Минусы табличной верстки
Продолжительная загрузка страницы
Для того, чтобы правильно отобразить содержимое таблицы, браузеры долго не показывают информацию, пока она не загрузится полностью. Это необходимо для правильного редактирования содержимого ячеек. Следовательно, если получается так, что таблица большая, то на появление содержимого такого сайта уйдёт много времени. Можно избежать этого, например, с помощью разбивки таблицы на несколько маленьких частей.
Громоздкий код
В связи с тем, что вложенные теги имеют сложную иерархическую структуру, повышается сложность редактирования некоторых параметров, а также растёт объём кода. Также на размер «мусора» влияют вложенные друг в друга таблицы, которые необходимы для достижения результата.
Отсутствует разделение содержимого, и оформления
Крайне необходимо, чтобы HTML-код содержал исключительно теги форматирования, в которых указывается идентификатор или стилевой класс. Всё цветовое оформление, а также положение отдельных элементов относительно друг друга должно выноситься в CSS-файл и редактироваться отдельно. Это позволяет независимо исправлять код web-страницы и менять внешность её отдельных элементов. Присутствие «лишних» тегов не даёт легко и удобно управлять видом отдельных элементов страницы, хоть и стиль можно просто добавить к таблице.
Плохая индексация поисковиками
Контент сайта, при табличной вёрстке, расположен в отдельных ячейках, следовательно, в коде они располагаются далеко друг от друга. Поисковикам трудно правильно проиндексировать страницы, когда присутствует такая раздробленность контента и громоздкая вложенность тегов. Из-за этого сайт не может выйти в топ-выдачи.
Несоответствие стандартам
Быстрое развитие XHTML и XML, которые наиболее трепетно относятся к коду сайта, требуют придерживаться стандартов HTML и CSS. А они говорят нам о том, что применение таблиц возможно только для размещения табличных данных.