Дивная верстка. Вступление.

В соответствии с поставленной задачей
каждый из нас выбирает соответствующий способ вёрстки
“табличная” или “дивная” (от div), фиксированная или резиновая.
Так уж сложилось исторически, что западные веб-разработчики предпочитают
фиксированную ширину рабочей области ( MSN, BBC, Yahoo, IBM и т.д.)
не обращая внимание на разнообразие средств и способов просмотра пользователя
(разрешение монитора в первую очередь, размер окошка во вторую),
в “Рунете” же ситуация скорее противоположная, а самизнаетекто

даже приписывает себе революционную идею “резинового” сайта.

На эту тему можно долго спорить, но истины так и не узреть.
Тем более всё определяется предпочтениями и стилем разработчика, и повторюсь, поставленной задачей.
Так, что давайте лучше поговорим об использовании стандартов HTML и CSS, а именно о выборе способа верстки
“Табличная” или “Слоёная” (она же “Дивная”).

Безусловно, табличная верстка является более простой в понимании и представлении,
тем более в условиях использования WYSIWYG-средств
разработки (например Dreamweaver),
но на этом её достоинства и заканчиваются.
Теперь о достоинствах безтабличной вёрстки.
Что мы имеем? Контент ресурса полностью отделен от оформление,
что сразу же сказывается в лучшую сторону на поисковой оптимизации.
Для поисковой машины важно место расположение искомого текста на странице,
обрамление информации стандартными html-средствами (заголовки, параграфы и пр.) и
отношение полезной искомой информации к общему объему кода на странице.
В определенных ситуациях для улучшения поисковой оптимизации возможно использование
такого вида макета, в котором сначала идет сам контент, а уж затем слои навигации,
колонки и другая второстепенная информация.
Еще одним немаловажным преимуществом безтабличной вёрстки является
банальное уменьшение трафика (грубо говоря – как минимум в два раза).
А на последок хотелось бы упомянуть о эстетической составляющей противоречия
использования табличной верстки: таблицы в html создавались для представления
только табличной информации. Учитывая возросшую степень поддержки стандарта CSS 2.0 разработчиками
браузеров, нам ничего не мешает для перехода на правильную вёрстку!

В следующей статье мы раскроем тему дивной верстки более подробнее.

Интересные ссылки:
• Шаблоны верстки дивами – LayoutGala
• Галерея сайтов выполненых дивной версткой – CSSDrive, CSS Design Templates
• Создание CSS навигации – CSS-showcase
• Множество ссылок на интересные сайты – xhtml.ru

Предупреждение: содержимое данной статьи не претендует на абсолютную истину,
а лишь является сугубо личным мнением автора.
Дополнения и возражения принимаются.