Все началось с таблиц. Это произошло случайно, но таблицы стали теми самыми инструментами, используя которые, разработчики начали создавать и располагать блоки содержимого на экране. Можно сказать, что так появилась первая блочная модель в Сети. Блоки создавались путем расширения ячеек, объединения строк, столбцов и целых таблиц и даже посредством вкладывания одной таблицы в другую. Когда веб-сайты стали больше и сложнее, эта практика превратилась в серьезную проблему: объем кода, необходимого для создания подходящих таблиц, сильно разрастался, из-за чего возникали трудности с его поддержкой.
Стремление решить эту проблему дало жизнь тому, что сегодня воспринимается как совершенно естественное явление, — отделению структуры от представления. Благодаря тегам <div> и стилям CSS появилась возможность избавиться от таблиц, в то же время сохранив их функциональность, и эффективно разделить структуру HTML и представление на экране. Используя элементы <div> и CSS-код, мы могли создавать на экране блоки, размещая их в любом подходящем месте и определяя нужные размеры, рамки, цвета и т. д. Спецификация CSS предлагала определенные свойства, помогающие организовывать блоки нужным образом. Эти свойства обладали достаточной мощью для того, чтобы в итоге зародилась целая новая модель — традиционная блочная.
Из-за того что данная модель имела определенные недостатки, таблицы еще некоторое время активно использовались, однако благодаря успеху Ajax и появлению множества новых интерактивных приложений основной тенденцией стало все же использование тегов <div> и стилей CSS. Эти две составляющие стали отраслевым стандартом, а традиционная блочная модель получила общее признание.
Добавить комментарий