Преимущества и недостатки табличной верстки

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

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

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

Преимущества табличной верстки

Легкое создание колонок
На сайтах очень редко применяется одноколонная модульная сетка. Гораздо удобнее размещать меню и основной текст в разных колонках. Таблицы очень хорошо применять в качестве многоколонной модульной сетки, где каждая ячейка является отдельной колонкой. Это дает возможность легко делать двух- и трехколонный макет сайта. В отличии от слоев, при изменении размера окна браузера колонки таблицы сохраняют свой исходный вид, а не переносятся друг под друга. Так же при применении таблиц высота разных колонок остается одинаковой, независимо от объема их наполнения.

«Склейка» изображений
Довольно таки часто рисунки разделяют на отдельные фрагменты, а потом собирают их снова в единое целое. Это делается для уменьшения объема файлов, создания эффекта перекатывания или анимации. С помощью таблицы можно легко  «склеить» в одно изображение нескольких рисунков. Каждая картинка помещается в отдельную ячейку таблицы, при этом параметры таблицы определяются такими, чтобы не было видно стыков между ячейками.

«Резиновый» макет
Благодаря тому, что ширину и высоту таблицы можно задавать в процентах, они применялись при верстке «резинового» макета, ширина и высота которого привязана к размеру окна браузера.

Фоновые рисунки
Благодаря возможности добавлять фоновый рисунок в отдельные ячейки таблицы, способности его повторения по горизонтали и вертикали, создаются различные рамки, декоративные линии и другие интересные эффекты.

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

Выравнивание элементов.
Благодаря одновременному выравниванию содержимого ячеек по горизонтали и по вертикали, расширяются возможности по размещению элементов дизайна как относительно друг друга, так и в целом на странице.

Недостатки табличной верстки

Долгая загрузка страницы
Для правильного отображения содержимого таблицы, браузеры ее не показывают, пока не загрузят полностью. Это нужно для правильного форматирования содержимого (размещения всех элементов на странице). Поэтому, если таблица очень большая, то прежде чем появится содержание такого сайта пройдет много времени.
Есть способы обхода этого свойства, например, разделение большой таблицы на несколько маленьких таблиц.

Громоздкий код
Из-за сложной иерархической структуры вложенных тегов, увеличивается объем кода и повышается сложность изменения отдельных параметров. Иногда для достижения нужного результата приходится вкладывать таблицы друг в друга, что тоже влияет на размер «мусора».

Нет разделения содержимого и оформления
Желательно чтобы HTML-код содержал только теги форматирования с указанием идентификатора или стилевого класса. А все цветовое оформление и положения элементов относительно друг друга выносится в CSS-файл и редактируется отдельно. Это дает возможность независимо править код страницы и менять вид отдельных ее элементов. И хотя стиль можно легко добавить к таблицам, но наличие «лишних» тегов не разрешает просто и удобно управлять видом отдельных элементов страницы.

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

Несоответствие стандартам
Развитие XHTML и XML, более «жестко» относящихся к коду сайта, появление новых версий браузеров требуют придерживаться к стандартам HTML и CSS. А  они гласят, что таблицы должны применятся только для размещения табличных данных.

Наверх

Понравилась статья? Поделиться с друзьями:

Отправить ответ

Оставьте первый комментарий!

Уведомить
avatar
wpDiscuz