Табличная версткаСпросите любого верстальщика, предпочитает он верстку таблиц или верстку дивами... Если это не западный специалист и не «зеленый» новичок, он однозначно выберет второй вариант. Как ни парадоксально, но прогрессивный Запад здесь оказался консервативен. Не только безтабличная верстка, но даже резиновая табличная верстка там пока что практикуются редко. У нас — уже редко.
Итак, во времена, когда CSS еще не существовало, для верстки страниц применялась табличная разметка (тег <table>). Шаблон представляется в виде сетки. Каждая ее ячейка предназначена для определенного элемента: картинки, части текста или рамки, таблицы и т.д. Выглядит все это примерно так:
Основными свойствами таблиц являются:
– способность автоматически изменять размеры в зависимости от количества содержимого в каждой ячейке;
– возможность сохранять установленные верстальщиком размеры одних ячеек и при этом делать растяжимыми другие.
Такой тип веб-верстки удобен для создания таблиц данных, вложенных таблиц, коллажей, обтекающего изображения текста, для воплощения многих дизайнерских ухищрений. Кроме того, табличная верстка шаблона не представляет особой трудности даже для начинающих. Но если всерьез задуматься, что лучше, табличная или блочная верстка, придется вспомнить и о минусах.
– Первый и главный недостаток табличной верстки — код. Во-первых, он громоздкий. Это значит, что даже если на странице нет картинок, загружаться она будет непозволительно долго. Во-вторых, программистам потом трудно работать с кодом, который к тому же не семантический, то есть не логичный. С точки зрения SEO, табличная верстка сайта - просто бесполезна, потому что противоречит основным принципам поисковой оптимизации.
– Даже при наличии специальных редакторов, правку такого кода такого кода приходится делать только вручную, долго и мучительно. Структура его такова, что иногда невозможно разобраться, какому фрагменту страницы относится тот или иной тег.
– «Неповоротливый» дизайн. Предположим, для одного и того же макета параллельно делается табличная и блочная верстка в 3 колонки. Все размеры учтены, все элементы расставлены, все идеально. А заказчик вдруг говорит, что необходимо что-то изменить, добавить или убрать. Верстка таблиц не позволит сделать это без потерь, страница будет испорчена. Безтабличная же верстка не только допускает внесение корректив, но и позволяет это сделать это легко и быстро.
– Структура кода при табличной верстке такова, что поисковый робот начинает читать код страницы, а не контент. Из-за этого страница хуже проходит индексацию поисковиками, чем при верстке дивами. Упрощение процесса оптимизации — одна из причин, почему верстальщики уходят от таблиц.
– Таблицы хорошо отображаются на мониторах с хорошим разрешением. Но сегодня Интернетом можно пользоваться чуть ли не с любого электронного устройства. Таблицы в этих форматах попросту не работают.
В свете всего вышесказанного становится понятно, почему табличная верстка сдала позиции и используется только по прямому назначению — для создания электронных таблиц.
Если вы хотите лучше разбираться в деталях верстки, вам будут полезны следующие статьи:
|
