Краткая история HTML и CSS

Начало истории языка HTML было положено в 1986 году, когда Международной организацией по стандартизации (ISO) был принят стандарт ISO-8879. Он носил название Standard Generalized Markup Language (Стандартный Обобщённый Язык Разметки). SGML представлял из себя обобщенный метаязык, позволяющий строить системы логической, структурной разметки любых разновидностей текстов. При этом управляющие коды или теги не несли никакой информации о внешнем виде документа, а только задавали его логическую структуру.

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

В 1989 году сотрудник Европейского института физики частиц (CERN) Тим Бернерс-Ли (Tim Berners-Lee) выдвинул предложение о создании Системы гипертекстовых документов. В 1990 году он назвал ее World Wide Web (Всемирная паутина). Одной из составляющих системы был язык гипертекстовой разметки. Его созданием Бернерс-Ли занялся в 1990 году, когда разрабатывал первый браузер — программу, позволяющую просматривать гипертекстовые документы.

  В 1991 году группой Бернерс-Ли, работавшей над созданием системы передачи гипертекстовой информации через Интернет, было принято решение, выбрать SGML в качестве основы для нового языка разметки гипертекстовых документов. Этот язык был назван HTML (Hyper Text Markup Language, "язык разметки гипертекста").

HTML разделял все особенности идеологии SGML, т.е. подразумевалась только логическая разметка текста. Например, в HTML версии 1.2 (июнь 1993 г.) присутствовало около 40 тегов. И только три из них отвечали за физические параметры отображения документа (но эти теги не рекомендовались к использованию). А первым графическим браузером в то время была программа Mosaic, разработанная в Национальном центре суперкомпьютерных приложений.

  В апреле 1994 г. началась подготовка спецификации следующей версии языка - 2.0. Этим уже занимался Консорциум W3 (W3C), унаследовавший от CERN власть и авторитет в мире WWW. В том же году было решено разбить язык HTML, на уровни. Это было сделано, чтобы обеспечить обратную совместимость версий: каждый новый уровень непременно включал в себя предыдущие. Было выделено четыре уровня:

•  Уровень 0 — обязательный для поддержки всеми браузерами. Включает в себя заголовки, ссылки, списки.

• Уровень 1 — добавляются рисунки и элементы выделения текста (полужирным, курсивом, подчеркнутым).

• Уровень 2 — добавляются формы, позволяющие пользователю вводить информацию.

• Уровень 3 — добавляются таблицы, позволяющие размещать на страницах информацию табличного характера и, кроме этого, точно задавать положение объектов на странице.

Язык HTML 2.0 (1995 г.) является, например, языком второго уровня, с его помощью нельзя верстать страницы со сложным дизайном, так как это невозможно без таблиц.

Самым большим прорывом явился HTML 3.2. Он включил в себя такие нововведения, как теги для создания таблиц, вставки рисунков, примечаний, разметку математических формул и др. Наиболее важным нововведением явились CSS (таблицы стилей), которые позволяли задавать единый вид всему сайту. Они имели свою структуру, свой синтаксис и применялись вместе с HTML.

Примечательна история HTML 3.2. Это скорее история первых браузеров. С созданием WWW практически сразу началось его коммерческое освоение. В начале 1994 года группа разработчиков браузера Mosaic под предводительством Джеймса Кларка основала корпорацию Netscape Communications и вскоре выпустила первую версию коммерческого браузера Netscape. Спрос на него, при отсутствии альтернативы, превысил все ожидания и сделал Netscape к концу 1995 года самой быстрорастущей компанией в мировой истории.

Чтобы закрепить лидерство Netscape Communications вводила в HTML все новые и новые усовершенствования. И эти усовершенствования поддерживались только браузером Netscape. Практически все новые теги, предложенные Netscape, были направлены на улучшение внешнего вида документа и расширение возможностей его форматирования. Такая политика компании принесла ей впечатляющий успех. Девять из десяти используемых в то время браузеров были версии Netscape Navigator. И продавались они миллионами штук.

Компания Microsoft изначально не предавала серьезного значения коммерческим перспективам WWW. Однако невероятный взлет Netscape заставил Microsoft изменить свое мнение. Летом 1996 года на свет появился браузер Internet Explorer 3.0, который поддерживал почти все расширения Netscape. Одновременно с разработкой конкурентного браузера Microsoft навела порядок в мире HTML, взяв под свою опеку Консорциум W3. В итоге был создан стандарт HTML 3.2, который, по сути, всего лишь описывал большинство расширений Netscape.

К концу 1996 года практически все браузеры поддерживали HTML 3.2, и благодаря этому Web-дизайн испытал небывалый взлет. Появилась возможность проектировать и отображать на экране сложные композиции графических элементов, ничем не уступающие печатным изданиям. Это положило начало эре Web-дизайна.

В 1997 году появилась спецификация языка HTML 4.0. Она включала поддержку фреймов, унифицированную процедуру вставки различных объектов, поддержку каскадных таблиц стилей (CSS). Кроме того, были усовершенствованы формы и таблицы.

Версия HTML 4.01 стала стандартом в 1999 году и господствует в мире WWW уже более 10 лет. Но ее очень скоро потеснит HTML 5.0 – новая версия языка гипертекстовой разметки. Над разработкой HTML 5.0 трудится рабочая группа W3C. В эту группу входят представители таких компаний, как Microsoft, Opera, Mozilla, Google, IBM, Apple и другие. Новый стандарт позволит более эффективно управлять мультимедийным содержимым. Также будет улучшена совместимость с новыми языками web-программирования. И наконец, появятся новые теги, расширяющие возможности web-дизайна.