Вопрос17 История dhtml

Динамический HTML

Динамический HTML (Dynamic HTML или DHTML) - это не какой-то особый язык разметки гипертекста, а только термин, применяемый для обозначения HTML-страниц с динамически изменяемым содержимым.

DHTML состоит из трех частей: собственно HTML, каскадных таблиц стилей (Cascade Style Sheets - CSS) и языка сценариев (JavaScript или VBScript). Объектная модель документа (Dokument Object Model - DOM) связывает эти три компонента, придавая документу новое качество: возможность динамического изменения страницы без перезагрузки документа.

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

Есть еще одна "неприятность", с которой сталкивается ВЕБ-мастер при использовании DHTML - разные фирмы-разработчики браузеров реализуют собственные объектные модели документов, и поэтому приходится выбирать: писать два варианта приложений или часть своей аудитории оставлять без возможности наблюдать все прелести динамических страниц.

Кстати, должен заметить в связи с вышесказанным, что все, о чем здесь рассказано (вообще на этом сайте), будет 100% корректно работать в браузере IE. В остальных, как то: нетскэйп навигатор, опера и пр. корректная работа конструкций, построенных на основе изложенных на сайте статей, не гарантируется (хотя може быть и будет работать нормально)! Это связано с тем, что автору (то есть мне) не нравится работа других браузеров. Ишак, конечно тоже не подарок, но все-таки... Из двух зол, как говорится, выбирают меньшее. Причем, прошу обратить внимание! - я совсем не собираюсь утверждать, что другие браузеры хуже! Вовсе нет! Просто мне они не нравятся. Может быть оттого, что я привык к ИЕ? В качестве какого-то оправдания могу сказать, что объектная модель документа, реализованная мелкософтом в ИЕ соответствует рекомендациям Консорциума W3. В нетскэйи навигаторе применена собственная модель документа, выполняющая те же функции, что и рекомендованная Консорциумом, но немного отличная от нее.

За что же отвечают отдельные составляющие DHTML при создании страницы? Рассмотрим по порядку:

1. HTML - это основная часть DOM - каркас, остов, корпус дома, если сравнивать строительство страницы со строительством дома. HTML определяет: каким будет наш "дом", сколько в нем будет "этажей" и сколько "комнат", чем они будут заполнены и как будет расставлена "мебель". Возможностям HTML посвящено почти все, что опубликовано на этом сайте до сих пор, поэтому здесь не будем останавливаться на подробностях.

2. CSS - каскадные таблицы стилей - определяют оформление сайта. Образно говоря - какой краской будут выкрашены стены "дома" внутри и снаружи, в каком стиле будет "мебель" и какие еще украшения будут использоваться при оформлении "дома". С помощью CSS можно определить внешний вид для каждого элемента, задаваемого определенным тегом HTML: фон документа, шрифт, которым будет выводиться текст, его цвет и размер, внешний вид таблиц и стиль оформления изображений на странице.

3. Языки сценариев отвечают за "автоматику" в нашем "доме". С их помощью можно сделать страницы "живыми", способными "общаться" с посетителем: отвечать на щелчок кнопкой мыши или просто на перемещение указателя в окне браузера, реагировать на нажатие клавиши на клавиатуре... Это они делают страницы сайта действительно динамическими!