HTML dinamis bukan benar-benar spesifikasi baru dari HTML, melainkan cara baru untuk melihat dan mengendalikan kode dan perintah HTML standar.
Ketika memikirkan HTML dinamis, Anda perlu mengingat kualitas standar HTML, terutama sekali halaman dimuat dari server, itu tidak akan berubah sampai permintaan lain datang ke server. HTML dinamis memberi Anda kontrol lebih besar atas elemen HTML dan memungkinkan mereka untuk berubah setiap saat, tanpa kembali ke server Web.
Ada empat bagian untuk DHTML:
- Document Object Model (DOM) (definisi)
- Skrip
- Cascading Style Sheets (CSS)
- XHTML
DOM
DOM adalah yang memungkinkan Anda untuk mengakses bagian apa pun dari halaman Web Anda untuk mengubahnya dengan DHTML. Setiap bagian dari halaman Web ditentukan oleh DOM dan menggunakan konvensi penamaan yang konsisten Anda dapat mengaksesnya dan mengubah properti mereka.
Skrip
Skrip yang ditulis dalam JavaScript atau ActiveX adalah dua bahasa scripting yang paling umum digunakan untuk mengaktifkan DHTML. Anda menggunakan bahasa scripting untuk mengontrol objek yang ditentukan dalam DOM.
Cascading Style Sheets
CSS digunakan dalam DHTML untuk mengontrol tampilan dan nuansa halaman Web. Lembar gaya menentukan warna dan font teks, warna latar belakang dan gambar, dan penempatan objek di halaman. Dengan menggunakan scripting dan DOM, Anda dapat mengubah gaya berbagai elemen.
XHTML
XHTML atau HTML 4.x digunakan untuk membuat halaman itu sendiri dan membangun elemen untuk CSS dan DOM untuk dikerjakan. Tidak ada yang istimewa tentang XHTML untuk DHTML - tetapi memiliki XHTML yang valid bahkan lebih penting, karena ada lebih banyak hal yang bekerja dari itu daripada hanya browser.
Fitur DHTML
Ada empat fitur utama DHTML:
- Mengubah tag dan properti
- Penentuan posisi waktu nyata
- Font dinamis (Netscape Communicator)
- Pengikatan data (Internet Explorer)
Mengubah Tag dan Properti
Ini adalah salah satu penggunaan DHTML yang paling umum. Ini memungkinkan Anda untuk mengubah kualitas suatu tag HTML tergantung pada suatu peristiwa di luar browser (seperti klik mouse, waktu, atau tanggal, dan sebagainya). Anda dapat menggunakan ini untuk memuat informasi ke halaman, dan tidak menampilkannya kecuali pembaca mengklik pada tautan tertentu.
Pemosisian Real-time
Ketika kebanyakan orang berpikir DHTML inilah yang mereka harapkan. Objek, gambar, dan teks bergerak di sekitar halaman Web. Ini dapat memungkinkan Anda untuk memainkan permainan interaktif dengan pembaca Anda atau menganimasikan bagian layar Anda.
Font Dinamis
Ini adalah fitur hanya Netscape. Netscape mengembangkan ini untuk mengatasi masalah yang dihadapi para desainer dengan tidak mengetahui font apa yang akan ada pada sistem pembaca. Dengan font dinamis, font dikodekan dan diunduh dengan halaman, sehingga halaman selalu tampak seperti yang diinginkan oleh perancang.
Pengikatan Data
Ini adalah fitur hanya IE. Microsoft mengembangkan ini untuk memungkinkan akses lebih mudah ke database dari situs Web . Ini sangat mirip dengan menggunakan CGI untuk mengakses database tetapi menggunakan kontrol ActiveX berfungsi. Fitur ini sangat canggih dan sulit digunakan untuk penulis DHTML awal.