Табличный способ верстки html страниц — преимущества и недостатки

табличная верстка html-страниц

Для начинающих специалистов в данной области будет полезно рассмотреть основные плюсы и минусы табличной верстки html-страниц.

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

Этот способ верстки веб-страниц очень прост в освоении и позволяет методом вложения таблиц и манипуляцией значений их атрибутов добиваться различных комбинаций отображения содержания страницы.

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

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

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

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

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

Такой метод создания документа поможет вам избежать различных искажений и дефектов отображения страниц на экранах с различными разрешениями и размерами окна веб-браузера.

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

Это объясняется тем, что таблицы полностью поддерживаются всеми популярными браузерами, которые одинаково интерпретируют атрибуты и стили оформления таблиц в соответствии со стандартами, хотя в некоторых случаях все же есть моменты, над которыми придется поработать.

К таким случаям можно отнести, например, отрисовку рамки толщиной 1 пиксель в Internet Explorer, некорректное отображение фоновой графики в Netscape Navigator и др.

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

К таким приемам можно отнести «склеивание» изображений, предварительно разбитых на отдельные фрагменты.

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

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

Страницы сайта, визуальная структура которых состоит из нескольких колонок (двух- трех-колончатый макет), также очень удобно создавать используя табличную верстку.

Это позволит добиться симметрии расположения колонок независимо от того, какой объем имеет содержимое каждой из колонок и размера окна веб-обозревателя.

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

Таких эффектов добиваются путем добавления фонового рисунка в ячейки таблицы с распространением в различных направлениях (по горизонтали или по вертикали).

Недостатки

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

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

Основная область применения таблиц — это отображение информации в числовом виде: статистика, расписание и т.д. Поэтому, согласно стандартизации, принятой консорциумом W3C каждый элемент HTML структуры веб-документа должен применяться по своему прямому назначению.

Помимо противоречия Web стандартизации, верстка страниц на основе таблиц имеет ряд других недостатков, которые в последнее время получили особую актуальность на фоне все тех же стандартов:

  • Сложность кода. В большинстве случаев, для достижения необходимых результатов при формировании визуальной структуры страницы, разработчики применяют вложения одной таблицы в другую, и зачастую такой метод приводит к сложной иерархической структуре с большой степенью вложенности. Этот недостаток усложняет процесс отладки кода страницы, и внесение каких-либо изменений будет занимать много времени на поиск необходимых участков кода. Код становится нечитабельным.

 

  • Код документа, структура которого разработана на основе таблиц, имеет много участков, которые не участвуют непосредственно в отображении содержимого веб-страницы, а предназначены исключительно для его форматирования. Что значительно «засоряет» код готового документа и отрицательно влияет на скорость его загрузки. Помимо этого, браузеры отображают таблицы только после окончательной загрузки всех ее компонентов. То есть страница, имеющая табличную структуру, не будет отображаться до тех пор, прока содержимое самой последней ячейки ее сложной табличной структуры не будет загружено браузером, что при ограниченной скорости сетевого соединения может занять много времени.

 

  • Разбиение контента веб-страницы при табличной верстке также дает отрицательный эффект – затрудняется процесс индексирования содержимого страниц поисковыми роботами. И поэтому веб-страница, возможно не заслуженно, занимает более низкие позиции при ранжировании результатов поиска поисковыми системами.

 

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

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

Что поможет впоследствии перейти на более сложный и эффективный способ создания веб-документов – блочную верстку слоями.

Сохраните, чтобы не потерять!

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *