Библиотека Интернет Индустрии I2R.ru

От таблиц к стилям за пять простых шагов

1. Путешествие начинается
2. Принимаем решение
3. Обдумываем разметку
4. Внутри блока
5. Вне блока

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

Мы решали одни проблемы, вместо них возникали новые. Netscape 4 игнорирует декларацию CSS {margin: 0;} ? Пригласим в тэг BODY "Четырех Всадников, Которые Никогда Не Пройдут Валидацию": LEFTMARGIN, TOPMARGIN, MARGINWIDTH, MARGINHEIGHT. IE4 не полностью поддерживает свойства границ? Сымитируем эти свойства с помощью вложенных таблиц. Вроде бы это не должно работать - но работает. Да и сайт должен был быть готов еще вчера. Что нам стоит дом построить? Нарисуем, будем жить.

ГДЕ МЫ БЫЛИ

Именно так конструировались сайты, начиная с 1995 года, и точно так же они строятся в наши дни. Это запутанное и утомительное занятие, недостаток логики в котором привел к возникновению рынка визуальных редакторов кода, наподобие Dreamweaver, GoLive и FrontPage. В то время как мы, пишущие код вручную, дико гордились собой. Гордились не качеством нашей работы, не соответствием стандарту, но неким высшим знанием того, какой нестандартный тэг или фрагмент на javascript решает ту или иную проблему отображения кода в том или ином идиотском броузере.

Мы ругали визуальные редакторы, но наш код был немногим лучше. Если мы не знали, как делается то или другое - вместо того, чтобы свериться со стандартами W3C или ECMA, мы обменивались разнообразными уловками в конференциях. А когда появлялся броузер, который действительно поддерживал стандарты, мы жаловались на то, как он портит наши HTML-документы и DHTML-код, ориентированный на определенные броузеры.

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

КУДА МЫ ИДЕМ

Все мы знаем, что будущее - за веб-стандартами. А веб-стандарты - это отделение стиля от содержания, представления от структуры, дизайна от данных.

Все мы знаем, что новейшие броузеры более или менее поддерживают веб-стандарты. IE5, Netscape 6, и Opera 5 предлагают поддержку CSS, HTML, и JavaScript/ECMAScript вполне достаточную для того, чтобы мы могли позволить себе отказаться от неуклюжих и устаревших методик и освободить сеть от оков табличного HTML-дизайна.

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

Я перешагнул черту...»

1. Путешествие начинается
2. Принимаем решение
3. Обдумываем разметку
4. Внутри блока
5. Вне блока