HTML Dinamik bukanlah satu-satunya spesifikasi baru HTML, melainkan cara baru untuk melihat dan mengawal kod dan perintah HTML standard.
Apabila memikirkan HTML dinamik, anda perlu mengingati kualiti HTML standard, terutamanya apabila sekali halaman dimuatkan dari pelayan, ia tidak akan berubah sehingga permintaan lain datang ke pelayan. HTML dinamik memberikan anda lebih banyak kawalan ke atas elemen HTML dan membolehkan mereka berubah pada bila-bila masa, tanpa dikembalikan ke pelayan Web.
Terdapat empat bahagian untuk DHTML:
- Model Objek Dokumen (DOM) (definisi)
- Skrip
- Helaian Gaya Cascading (CSS)
- XHTML
DOM
DOM adalah apa yang membolehkan anda mengakses mana-mana bahagian halaman Web anda untuk mengubahnya dengan DHTML. Setiap bahagian halaman Web ditentukan oleh DOM dan menggunakan konvensyen penamaan yang konsisten, anda boleh mengaksesnya dan mengubah sifatnya.
Skrip
Skrip yang ditulis dalam JavaScript atau ActiveX adalah dua bahasa skrip yang paling biasa digunakan untuk mengaktifkan DHTML. Anda menggunakan bahasa skrip untuk mengawal objek yang ditentukan dalam DOM.
Cascading Style Sheets
CSS digunakan dalam DHTML untuk mengawal rupa dan nuansa halaman Web. Lembaran gaya menentukan warna dan fon teks, warna latar belakang dan imej, dan penempatan objek pada halaman. Menggunakan skrip dan DOM, anda boleh mengubah gaya pelbagai elemen.
XHTML
XHTML atau HTML 4.x digunakan untuk membuat halaman itu sendiri dan membina elemen untuk CSS dan DOM untuk berfungsi. Tidak ada yang istimewa tentang XHTML untuk DHTML - tetapi mempunyai XHTML yang sah bahkan lebih penting, kerana terdapat lebih banyak perkara yang berfungsi daripada itu daripada penyemak imbas.
Ciri-ciri DHTML
Terdapat empat ciri utama DHTML:
- Menukar tag dan sifat
- Kedudukan masa nyata
- Fon dinamik (Netscape Communicator)
- Mengikat data (Internet Explorer)
Menukar Teg dan Hartanah
Ini adalah salah satu penggunaan DHTML yang paling biasa. Ia membolehkan anda mengubah sifat tag HTML bergantung kepada peristiwa di luar penyemak imbas (seperti klik mouse, masa, atau tarikh, dan sebagainya). Anda boleh menggunakan ini untuk maklumat preload ke halaman, dan tidak memaparkannya melainkan pembaca klik pada pautan tertentu.
Kedudukan Masa Nyata
Apabila kebanyakan orang memikirkan DHTML inilah yang mereka harapkan. Objek, imej, dan teks yang bergerak di sekitar halaman Web. Ini membolehkan anda bermain permainan interaktif dengan pembaca atau bahagian animasi anda.
Font Dinamik
Ini adalah ciri Netscape sahaja. Netscape telah membangunkan ini untuk mengatasi pereka masalah dengan tidak mengetahui fon mengenai sistem pembaca. Dengan fon dinamik, fon dikodkan dan dimuat turun dengan halaman, supaya halaman sentiasa melihat bagaimana pereka yang dimaksudkan.
Mengikat Data
Ini adalah satu-satunya ciri IE. Microsoft membangun ini untuk membolehkan akses yang lebih mudah ke pangkalan data dari laman web . Ia sangat serupa dengan menggunakan CGI untuk mengakses pangkalan data tetapi menggunakan kawalan ActiveX untuk berfungsi. Ciri ini sangat maju dan sukar untuk digunakan untuk penulis DHTML awal.