Динамичният HTML не е наистина нова спецификация на HTML, а по-скоро нов начин за гледане и контрол на стандартните HTML кодове и команди.
Когато мислите за динамичен HTML , трябва да запомните качествата на стандартен HTML, особено след като дадена страница бъде заредена от сървъра, тя няма да се промени, докато не се появи друга заявка към сървъра. Динамичният HTML ви дава повече контрол над елементите на HTML и им позволява да се променят по всяко време, без да се връщате към уеб сървъра.
Има четири части към DHTML:
- Модел на обект на документ (DOM) (дефиниция)
- Scripts
- Каскадни стилови листове (CSS)
- XHTML
DOM
DOM е това, което ви позволява да осъществите достъп до която и да е част от вашата уеб страница, за да я промените с DHTML. Всяка част от уеб страница се определя от DOM и използвайки нейните конвенции за конвенционални имена, до които можете да получите достъп до тях и да промените техните свойства.
Scripts
Скриптовете, написани в 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 писателя.