Слои vs таблицы.

запостил: 10 Мая 2009 г.

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

1. Противоречие стандартам W3C(World Wide Web Consortium) - эти самые стандарты настойчиво рекомендуют использовать таблицы исключительно для размещения табличных данных, а никак не для разметки страницы и уж тем более не для создания различных невидимых "растяжек".

2. Большое количество "мусорной" разметки. Поисковые системы, как известно, "читают" веб-страницу вместе с тегами, и свято верят в то, что важная информация находится на странице как можно выше. Наверное, они очень удивляются, видя сплошные <table><tr><td></td></tr></table> и выкапывая из всей этой шелухи хоть какой-то контент. Кроме того, увеличивается (иногда довольно значительно) вес страницы.

3. Сплошная табличная разметка = верстка в визуальном редакторе. Конечно, сие равенство не претендует на абсолютную истину, но тем не менее, когда вся разметка состоит из таблиц, это наводит на мысли, что макет страницы был просто нарисован в визуальном редакторе. Здесь, конечно, мнения могут быть самыми различными, лично мне кажется, что профессиональный веб-мастер просто обязан уметь писать разметку даже в "Блокноте". Без сомнения, редактор с подсветкой кода и подборкой CSS-свойств для каждого тега - это очень даже хорошо и полезно, а всяческие визуальные редакторы давайте оставим тем, кто не хочет понимать, что же он пишет.

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

Но увы, даже в Датском королевстве не все прекрасно, что уж говорить о Всемирной Паутине. По закону подлости именно самый популярный браузер (на момент написания статьи это MS Internet Explorer) хуже всего поддерживает стандарты верстки. Еще одна плохая новость - теперь этих Explorer'ов целых 3, и каждый поддерживает какие-то, одному ему понятные стандарты. Лично я сначала верстаю страницу для корректного отображения в Opera, Firefox, ну и до кучи Konqueror, затем с помощью условных комментариев IE подключаю файлы стилей для IE6 и IE7 (IE8, стыд мне и позор, еще не пользую), и подгоняю верстку под них с помощью CSS-хаков. Получается примерно такое:

<link rel="stylesheet" href="/css/style.css" type="text/css" />
<!--[if gte IE 7]>
<link rel="stylesheet" href="/css/style_ie.css" type="text/css" />
<![endif]-->
<!--[if lt IE 7]>
<link rel="stylesheet" href="/css/style_ie_old.css" type="text/css" />
<![endif]-->

Тем не менее иногда не спасает даже это. Зачастую требуется сделать верстку в несколько колонок с заголовочной часть страницы и подвалом, причем подвал вседа должен быть прибит к низу страницы, а количество контента на странице заранее неизвестно. Эту проблему можно было бы решить, указав, что слои должны располагаться как ячейки таблицы, то есть без наложений друг на друга. Увы и ах, но так всеми горячо любимый IE не понимает таких свойств как display:table;, а значит, не может отображать слои с возможностями таблицы. Так что в настоящее время это полезное и замечательное свойство использовать не получится, по крайней мере в данном контексте.

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

На заметку: Я вообще думаю, что будущее не за десктопными приложениями, а за их онлайн-аналогами. Например, переводчик онлайн уже существует, здравствует и популяризуется. Лично я не заморачиваюсь, что в Linux нет какого-то софта (того же переводчика), я просто пользуюсь онлайн-версией.

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

<< вернуться