Табличная верстка

Табличная вёрстка нынче совсем не в почёте. Буквально на каждом углу кричат, что надо переходить к вёрстке с помощью слоев, потому что это соответствует стандартам, правильнее и вообще "прикольно". Почему слои лучше таблиц обычно не сообщают, так что приходится либо верить на слово, либо решать дилемму самостоятельно. Поэтому попытаемся объективно решить, что же представляют собой таблицы, где их следует применять, а где не стоит. Сразу следует оговорить, что спор вокруг таблиц происходит только в том случае, когда они используются для вёрстки. Если дело касается хранения табличных данных, то не возникает сомнений, что таблицы именно для этой цели и предназначены. Преимущества таблиц Таблицы довольно долго властвовали в области вёрстки, поскольку предлагали достаточно простые методы для размещения разных элементов на веб-странице при отсутствии явных конкурентов. Благодаря наличию большого числа параметров, особенно границе нулевой толщины, таблица выступает в роли невидимой модульной сетки, относительно которой добавляется текст, изображения и другие элементы. Удобство и широкие возможности вёрстки - вот основной реверанс в пользу таблиц. И на этом список не заканчивается, далее рассмотрены и другие плюсы таблиц. Создание колонок Одноколонная модульная сетка применяется на сайтах достаточно редко. Действительно, основной текст и ссылки по сайту удобнее располагать в разных колонках, разделяя их тем самым. Таблицы же хорошо выступают в качестве многоколонной модульной сетки, каждая ячейка представляет собой отдельную колонку. Это позволяет легко создавать двух- и трехколонный макет документа. При изменении размера окна браузера, колонки сохраняют свой исходный вид, а не переносятся как слои друг под друга. К тому же высота разных колонок при использовании таблиц остаётся одинаковой, независимо от объёма их содержимого. "Резиновый" макет Таблицы удачно подходят для "резинового" макета, ширина которого привязана к ширине окна браузера. Благодаря тому, что размер таблицы можно задавать в процентах, она занимает все отведённое ей свободное пространство. Также можно регулировать и высоту содержимого. Например, если текста немного, то "подвал" страницы может висеть в её середине. Параметрами таблицы можно отрегулировать это так, что при небольшом тексте "подвал" плотно прилегает к нижнему краю окна браузера, независимо от размеров окна. "Склейка" изображений Рисунки часто разрезают на отдельные фрагменты, а затем собирают их вновь в одно целое, выкидывая одни фрагменты или заменяя их другими изображениями. Это требуется для различных дизайнерских изысков вроде создания эффекта перекатывания, анимации или уменьшения объёма файлов. Таблицы позволяют легко обеспечить "склейку" нескольких рисунков в одно изображение. Каждая картинка помещается в определённую ячейку, параметры таблицы при этом устанавливаются такими, чтобы не возникло стыков между отдельными ячейками. Фоновые рисунки В ячейки таблицы разрешается добавлять фоновый рисунок, в зависимости от размеров ячейки он может повторяться по горизонтали, вертикали или сразу в двух направлениях. За счёт этого приёма на странице создаются декоративные линии, рамки самого разнообразного вида, добавляется тень под элементом. Выравнивание элементов Содержимое ячеек можно одновременно выравнивать по горизонтали и по вертикали, за счёт чего расширяются возможности по размещению элементов относительно друг друга и на странице в целом. Особенности браузеровБраузеры достаточно вольно толкуют некоторые параметры CSS, поэтому создание универсального кода с применением слоев может стать настоящей головной болью для разработчиков. В этом смысле таблицы отображаются в разных браузерах практически одинаково, поэтому создание веб-страниц упрощается.