Динамический HTML
Динамический HTML или DHTML (от англ. Dynamic HTML ) обозначает набор методов, позволяющих создавать интерактивные веб-сайты с использованием комбинации некоторого статического языка разметки (например, HTML ), интерпретируемого языка на стороне клиента (например, JavaScript ), Язык каскадных таблиц стилей (CSS) и иерархия объектов объектной модели документа (DOM).
Динамическая HTML-страница — это любая веб-страница, на которой клиентские сценарии изменяют HTML- код документа после его полной загрузки, влияя на внешний вид и функциональность объектов на странице. Таким образом, динамическая особенность DHTML заключается в том, как страница взаимодействует с пользователем при ее просмотре, причем страница одинакова для всех пользователей.
Напротив, более общий термин «динамическая веб-страница» используется для обозначения некоторой конкретной страницы, которая отображается по-разному для каждого пользователя, при каждой перезагрузке страницы или с помощью определенных значений переменных среды. Этот термин не следует путать с DHTML. Эти динамические страницы являются результатом выполнения программы на каком-либо языке программирования на сервере веб-страницы (например, Java , ASP.NET , PHP , Perl ), который генерирует страницу перед ее отправкой на сервер. клиент; или из-за выполнения кода на стороне клиента, который создает всю страницу до того, как клиентская программа (обычно браузер ) отобразит ее.
На странице DHTML, когда она полностью загружена клиентом, выполняется код (например, на языке JavaScript ), который влияет на значения языка определения представления (например , CSS ), тем самым достигая модификации в представленной информации или внешнем виде страницы во время ее просмотра пользователем.
Использует
DHTML позволяет разработчикам добавлять к страницам эффекты, которые иначе было бы трудно реализовать. Подводя итог: языки сценариев используются для изменения структуры DOM, и некоторые из применений DHTML:
- Анимируйте текст и изображения в документе независимо от положения или формы элемента ( блочный или встроенный ).
- Встройте раздел, который автоматически обновляет свое содержимое последними новостями , цитатой дня или некоторыми другими данными, например, с помощью Ajax .
- Использование формы, которая получает данные от пользователя, обрабатывает их, проверяет и дает ответ без повторного обращения к серверу.
- Добавьте кнопки с пользовательскими действиями.
Структура веб-страницы
Как правило, допустимая веб-страница, использующая DHTML, имеет структуру, подобную следующей:
<!DOCTYPE html>
< html lang = "en" >
< head >
< meta charset = "utf-8" >
< title > Пример DHTML </ title >
</ head >
< body >
< div id = "section" > </ div >
< script type = "text/javascript" >
var init = function () {
myObject = document . getElementById ( "раздел" );
// ... манипулировать myObject
};
окно . загрузка = инициализация ;
</ script >
< script src = "mijavascript.js" ></ script >
</ body >
</ html >
Поддержка DHTML с доступом к DOM появилась в Internet Explorer 4.0. Хотя в Netscape Navigator 4.0 была еще одна более простая реализация, не все элементы HTML отображались в DOM.
Существуют браузеры, которые не могут выполнять сценарии, такие как JavaScript или VBScript , поэтому стандарт HTML определяет тег <noscript>, который можно использовать для размещения информации, которая будет отображаться в браузерах, не поддерживающих сценарии или отключивших выполнение сценариев.
