Верстка сайта. Структура определяет все
Верстка сайта - процесс переноса дизайн-макета будущего сайта (как правило, созданного с помощью графических редакторов GIMP либо Adobe Photoshop) в HTML-код. Казалось бы - ничего особенного на первый взгляд, процесс - сугубо технический, и затрагивать Заказчика никак не должен. Однако не все так просто, как может показаться сначала.
Начнем с того, что верстка бывает двух типов - табличная и блочная, так называемая, дивная верстка. Изначально большинство сайтов имели в основе своей структуры таблицу изначально состоящую из одного столбца и, как правило, трех строк - шапка, тело и подвал. Если нужно было использовать графические элементы, например в шапке, то для этого в нее помещали еще одну таблицу, например из трех столбцов и одной строки. Первый столбец -логотип, второй - название организации и слоган, третий - телефоны. Схожим образом версталось тело и "подвал" сайта.
Блочная верстка использует для создания своей структуры блочные элементы - слои, заголовки, абзацы, списки. Построение структуры сайта обеспечивается позиционированием, либо взаимопозиционированием этих элементов. Те же самые шапка, подвал и тело сайта выполняются в виде слоев, которые ведут себя точно также, как и слои в Photoshop. Этим достигается своеобразная преемственность с графическим редактором.
Изначально практически все сайты создавались с применением табличной верстки. Блочная верстка получила всеобщее признание сравнительно недавно. Табличная верстка в настоящее время стала проклятьем для старых интернет-порталов, которые переверстывать "себе дороже", тормозя их в своем развитии. Как может чисто техническая деталь тормозит развитие сайта, спросите вы. Чтож, ответим на это вопрос.
Сайт можно условно поделить на непосредственно контент и элементы форматирования контента. Роботам поисковых систем, прежде всего, интересен непосредственно контент. Они стараются отделить суть документа от "служебной" информации, определяющей его структуру. И чем меньше служебной информации, тем точнее происходит это отделение. Роботы это тоже программы, а любая программа может в результате работы выдавать ошибки, так называемые "глюки". И чем больше тегов содержит документ, тем меньше вероятность, что поисковый робот не допустит ошибок при его обработке.
Кроме того, поисковые системы "требуют", чтобы наиболее важная информация была как можно выше, ближе к началу страницы. В случае же с красивой шапкой сайта, при табличной верстке это невозможно в принципе, так как только код таблиц шапки может занять добрые 20-30 строк. А после него, как правило, идет меню... Кроме того, сама таблица очень нерационально использует код, приходится прописывать каждую строку и каждый столбец, что "замусоривает" контент, не позволяет расположить его в соответствии с требованиями поисковых систем, усложняет его анализ роботами.
Блочная верстка, как уже было сказано, вошла в обиход создателей сайтов не сразу. Обусловлено это было прежде всего различием браузеров и понимания ими кода и каскадных таблиц стилей на разных этапах становления. Тем более, что на первых порах рынок был монополизирован браузером Internet Explorer, который довольно прохладно относился к стандартам W3C, предпочитая идти своим путем. Даже появилось понятие - кроссбраузерная верстка. Зачастую подготавливали 3 таблицы стилей для Internet Explorer, Netscape(был такой), и Opera. Интернет в те времена был достаточно дорогим удовольствием и операционные системы так как сейчас не обновлялись. Все это сильно затрудняло применение "дивной" верстки. Также в те времена были проблемы с грамотными верстальщиками. Даже сейчас некоторые из них не понимают разницы между блочными и встраиваемыми элементами... А тогда....
В настоящее время такой проблемы уже не существует. Все современные браузеры понимают каскадные таблицы стилей почти одинаково. Поэтому мы в своей работе используем только блочную верстку. Только она позволяет оформить контент используя минимум кода, все остальное ложится на плечи каскадных таблиц стилей. Мы принципиально не делаем верстку под старые версии браузеров. Если человек использует Internet Explorer 6.0 то интернет ему ни к чему. Кроме того, только блочная верстка позволяет поисковым роботам правильно индексировать контент страницы. А таблица нужна только для того, чтобы создавать таблицы.