Динамичният 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 писател.