Dynamiczny HTML nie jest tak naprawdę nową specyfikacją HTML, ale raczej innym sposobem patrzenia i kontrolowania standardowych kodów i poleceń HTML.
Myśląc o dynamice HTML, trzeba pamiętać o jakości standardowego HTML, zwłaszcza, że po załadowaniu strony z serwera nie zmieni się ona, dopóki na serwer nie pojawi się kolejne żądanie. Dynamiczny HTML zapewnia większą kontrolę nad elementami HTML i umożliwia ich zmianę w dowolnym momencie, bez konieczności powrotu do serwera WWW.
DHTML składa się z czterech części:
- Obiektowy model dokumentu (DOM) (definicja)
- Skrypty
- Kaskadowe arkusze stylów (CSS)
- XHTML
DOM
DOM umożliwia dostęp do dowolnej części strony internetowej, aby zmienić ją za pomocą DHTML. Każda część strony internetowej jest określona przez DOM i używając jej spójnych konwencji nazewnictwa można uzyskać do nich dostęp i zmieniać ich właściwości.
Skrypty
Skrypty napisane w JavaScript lub ActiveX to dwa najpopularniejsze języki skryptowe używane do aktywacji DHTML. Używasz języka skryptowego do kontrolowania obiektów określonych w DOM.
Kaskadowe arkusze stylów
CSS jest używany w DHTML do kontrolowania wyglądu i działania strony internetowej. Arkusze stylów definiują kolory i czcionki tekstu, kolory tła i obrazów oraz rozmieszczenie obiektów na stronie. Używając skryptów i DOM, możesz zmienić styl różnych elementów.
XHTML
XHTML lub HTML 4.x służy do tworzenia samej strony i budowania elementów CSS i DOM pracować nad. Nie ma nic szczególnego w XHTML dla DHTML - ale posiadanie poprawnego XHTML jest jeszcze ważniejsze, ponieważ działa na nim więcej rzeczy niż tylko przeglądarka.
Cechy DHTML
Istnieją cztery główne cechy DHTML:
- Zmiana tagów i właściwości
- Pozycjonowanie w czasie rzeczywistym
- Czcionki dynamiczne (Netscape Communicator)
- Wiązanie danych (Internet Explorer)
Zmiana znaczników i właściwości
Jest to jedno z najczęstszych zastosowań DHTML. Pozwala na zmianę właściwości an Znacznik HTML w zależności od zdarzenia poza przeglądarką (takiego jak kliknięcie myszą, godzina lub data itd.). Możesz użyć tego, aby wstępnie wczytać informacje na stronę i nie wyświetlać ich, chyba że czytelnik kliknie określony link.
Pozycjonowanie w czasie rzeczywistym
Kiedy większość ludzi myśli o DHTML, tego właśnie oczekują. Obiekty, obrazy i tekst poruszające się po stronie internetowej. Dzięki temu możesz grać w interaktywne gry z czytelnikami lub animować fragmenty ekranu.
Czcionki dynamiczne
Jest to funkcja dostępna tylko w Netscape. Netscape opracował to, aby ominąć problem, który mieli projektanci, nie wiedząc, jakie czcionki będą w systemie czytnika. Czcionki dynamiczne są kodowane i pobierane wraz ze stroną, dzięki czemu strona zawsze wygląda tak, jak zamierzył projektant. Możesz także użyć bezpieczne czcionki internetowe.
Wiązanie danych
Jest to funkcja dostępna tylko w przeglądarce IE. Firma Microsoft opracowała to, aby umożliwić łatwiejszy dostęp do bazy danych ze stron internetowych. Jest bardzo podobny do używania Grafika komputerowa aby uzyskać dostęp do bazy danych, ale używa kontrolki ActiveX do działania. Ta funkcja jest bardzo zaawansowana i trudna w użyciu dla początkującego twórcy DHTML.