Табличная верстка страниц HTML
Табличная верстка - Верстка с использованием таблиц.
Преимущества табличной верстки
Благодаря наличию большого числа параметров, особенно границе нулевой толщины, таблица выступает в роли невидимой сетки,
относительно которой размещается информация. Удобство, простота и широкие возможности верстки — вот основной плюс в пользу таблиц.
Особенности браузеров
Браузеры достаточно вольно толкуют некоторые параметры CSS, поэтому создание универсального кода с применением слоев может стать настоящей головной болью для разработчиков. В этом смысле таблицы отображаются в разных браузерах практически одинаково, поэтому создание веб-страниц с помощью табличной верстки упрощается.
Выравнивание элементов
Содержимое ячеек можно одновременно выравнивать по горизонтали и по вертикали, за счет чего расширяются возможности по размещению элементов относительно друг друга и на странице в целом.
Создание колонок таблиц
Одноколонная модульная сетка применяется на сайтах достаточно редко.
Действительно, основной текст и ссылки по сайту удобнее располагать в разных колонках, разделяя их тем самым.
Таблицы же хорошо выступают в качестве многоколонной модульной сетки, каждая ячейка представляет собой отдельную колонку.
Это позволяет легко создавать двух- и трехколонный документ.
При изменении размера окна браузера, колонки сохраняют свой исходный вид, а не переносятся как слои друг под друга.
К тому же высота разных колонок при использовании таблиц остается одинаковой, независимо от объема их содержимого.
Фоновые рисунки
В ячейки таблицы разрешается добавлять фоновый рисунок, в зависимости от размеров ячейки он может повторяться по горизонтали, вертикали или сразу в двух направлениях. За счет этого приема на странице создаются декоративные линии, рамки самого разнообразного вида, добавляется тень под элементом.
«Склейка» изображений
Рисунки часто разрезают на отдельные фрагменты, а затем собирают их вновь в одно целое, выкидывая одни фрагменты или заменяя их другими изображениями.
Это бывает необходимо для различных дизайнерских изысков вроде создания эффекта перекатывания, анимации или уменьшения объема файлов.
Таблицы позволяют легко обеспечить «склейку» нескольких рисунков в одно изображение.
Каждая картинка помещается в определенную ячейку, параметры таблицы при этом устанавливаются такими, чтобы не возникло стыков между отдельными ячейками.
«Резиновый» макет
Таблицы удачно подходят для «резинового» макета, ширина которого привязана к ширине окна браузера. Благодаря тому, что размер таблицы можно задавать в процентах, она занимает все отведенное ей свободное пространство. Также можно регулировать и высоту содержимого. Например, если текста немного, то «подвал» страницы может висеть в ее середине. Параметрами таблицы можно отрегулировать это так, что при небольшом тексте «подвал» плотно прилегает к нижнему краю окна браузера, независимо от размеров окна.
Недостатки табличной верстки
Громоздкий код
Таблицы содержат сложную иерархическую структуру вложенных тегов, которая увеличивает объем кода, и повышает сложность изменения отдельных параметров.
В некоторых случаях для достижения желаемого результата приходится вкладывать одну таблицу внутрь другой, а это также влияет на размер кода сверстанной страницы.
Плохая индексация поисковиками
Долгая загрузка
Особенность таблиц такова, что пока последнее слово в самом низу таблицы не загрузится, на экране содержимое ячеек отображаться не будет.
Т.о. если таблица большая, может пройти достаточно много времени, прежде чем мы увидим нужную информацию.
Существуют способы обхода этого свойства, к примеру, разбиение одной большой таблицы на несколько таблиц, а также использование стилевого свойства table-layout.
Индексация
За счет того, что текст располагается в отдельных ячейках таблицы, в коде он может находиться достаточно далеко друг от друга.
Такая раздробленность информации, а также значительная вложенность тегов затрудняет правильное индексирование страницы поисковыми системами.
Как результат документ не попадает в первую десятку выдачи запроса по ключевым словам, хотя вполне может и заслуживать это.
При использовании табличной верстки обилие «лишних» тегов не позволяет действительно просто и удобно управлять видом отдельных компонентов страницы.
К тому же не все параметры таблиц имеют свой стилевой синоним, поэтому в любом случае приходится обращаться к коду веб-страницы и править его.
Несоответствие стандартам
Что же говорит спецификация относительно таблиц? А говорит она, что таблицы в первую и последнюю очередь нужны для размещения табличных данных. Все остальные способы использования таблиц осуждаются.
Применение таблиц для верстки
Разумеется, плюсы и минусы табличной верстки не равнозначны между собой. То, что для одного сайта может быть простительно, для другого является грубейшей ошибкой. Поэтому опишем, в каком случае таблицы использовать для верстки логичнее, чем другие средства, в частности, слои. Итак, таблицы хорошо подходят в некоторых обстоятельствах, которые описаны далее.
Таблицы помогают установить колонки одинаковой высоты при разном объеме информации в них.
Подобный эффект можно наблюдать только в том случае, если для колонок применяется добавляется рамка или фоновая заливка.
Макет должен занимать всю высоту окна браузера, независимо от объема информации на сверстанной странице.
С помощью таблицы можно добиться эффекта, что нижняя часть страницы («подвал») выравнивается по нижнему краю окна браузера.
Это иногда требуется если Вы хотите, чтобы страница малым объемом информации всегда занимала всё пространство, а не обрывалась где-то посередине экрана.
Нет времени на сложную верстку.
Табличная верстка если не легче, то гораздо привычнее, чем верстка с помощью слоев.
При использовании табличной верстки результат получается планируемым и ожидаемым, а ошибок с отображением сайта в разных браузерах практически не возникает.
Действительной причиной их популярности является консерватизм разработчиков, привычность и быстрота верстки сайтов с их помощью.
Ясно одно — таблицы постепенно сдают свои позиции в пользу блочной верстки (верстки слоями).
Но пройдет еще несколько лет, прежде чем «табличные» сайты станут раритетом и исчезнут с простора Рунета.