Содержание
Динамический HTML — это на самом деле не новая спецификация HTML, а скорее другой способ просмотра и управления стандартными кодами и командами HTML.
Когда вы думаете о динамическом HTML, вам нужно помнить о качествах стандартного HTML, особенно если загружать страницу с сервера, она не изменится, пока на сервер не поступит другой запрос. Динамический HTML дает вам больше контроля над элементами HTML и позволяет их изменять в любое время, не возвращаясь на веб-сервер.
DHTML состоит из четырех частей:
- Объектная модель документа (DOM) (определение)
- Сценарии
- Каскадные таблицы стилей (CSS)
- XHTML
DOM
DOM — это то, что позволяет вам получить доступ к любой части вашей веб-страницы, чтобы изменить ее с помощью DHTML. Каждая часть веб-страницы определяется DOM, и, используя согласованные соглашения об именах, вы можете получить к ним доступ и изменить их свойства.
Сценарии
Скрипты, написанные на JavaScript или ActiveX, являются двумя наиболее распространенными языками сценариев, используемыми для активации DHTML. Вы используете язык сценариев для управления объектами, указанными в DOM.
Каскадные таблицы стилей
CSS используется в DHTML для управления внешним видом веб-страницы. Таблицы стилей определяют цвета и шрифты текста, цвета фона и изображений, а также расположение объектов на странице. Используя сценарии и DOM, вы можете изменить стиль различных элементов.
XHTML
XHTML или HTML 4.x используются для создания самой страницы и создания элементов для работы с CSS и DOM. В XHTML для DHTML нет ничего особенного, но наличие действительного XHTML еще более важно, поскольку из него работает больше вещей, чем просто браузер.
Особенности DHTML
Существует четыре основных свойства DHTML:
- Изменение тегов и свойств
- Позиционирование в реальном времени
- Динамические шрифты (Netscape Communicator)
- Привязка данных (Internet Explorer)
Изменение тегов и свойств
Это одно из наиболее распространенных применений DHTML. Он позволяет изменять качества тега HTML в зависимости от события вне браузера (например, щелчок мышью, время или дата и т. Д.). Вы можете использовать это для предварительной загрузки информации на страницу, а не отображать ее, пока читатель не нажмет на конкретную ссылку.
Позиционирование в реальном времени
Когда большинство людей думают о DHTML, это то, что они ожидают. Объекты, изображения и текст перемещаются по веб-странице. Это может позволить вам играть в интерактивные игры с вашими читателями или анимировать части экрана.
Динамические Шрифты
Это только функция Netscape. Netscape разработал это, чтобы обойти проблему, с которой столкнулись дизайнеры, не зная, какие шрифты будут в системе читателя. При использовании динамических шрифтов шрифты кодируются и загружаются вместе со страницей, поэтому страница всегда выглядит так, как ее задумал дизайнер.
Привязка данных
Это только функция IE. Microsoft разработала это, чтобы упростить доступ к базам данных с веб-сайтов. Это очень похоже на использование CGI для доступа к базе данных, но для работы используется элемент управления ActiveX. Эта функция очень продвинута и сложна в использовании для начинающего автора DHTML.