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