HTML động không thực sự là một đặc tả mới của HTML, mà là một cách nhìn mới và kiểm soát các mã và lệnh HTML chuẩn.
Khi suy nghĩ về HTML động, bạn cần phải nhớ những phẩm chất của HTML chuẩn, đặc biệt là khi một trang được tải từ máy chủ, nó sẽ không thay đổi cho đến khi một yêu cầu khác đến máy chủ. HTML động cung cấp cho bạn nhiều quyền kiểm soát hơn đối với các phần tử HTML và cho phép chúng thay đổi bất kỳ lúc nào mà không cần phải quay lại máy chủ Web.
Có bốn phần của DHTML:
- Mô hình đối tượng tài liệu (DOM) (định nghĩa)
- Kịch bản
- Cascading Style Sheets (CSS)
- XHTML
DOM
DOM là những gì cho phép bạn truy cập vào bất kỳ phần nào của trang Web của bạn để thay đổi nó với DHTML. Mỗi phần của trang Web được chỉ định bởi DOM và sử dụng các quy ước đặt tên nhất quán của nó, bạn có thể truy cập chúng và thay đổi các thuộc tính của chúng.
Kịch bản
Các kịch bản được viết bằng JavaScript hoặc ActiveX là hai ngôn ngữ kịch bản phổ biến nhất được sử dụng để kích hoạt DHTML. Bạn sử dụng một ngôn ngữ kịch bản để kiểm soát các đối tượng được chỉ định trong DOM.
Cascading Style Sheets
CSS được sử dụng trong DHTML để kiểm soát giao diện của trang Web. Các tờ định kiểu sẽ xác định màu sắc và phông chữ của văn bản, màu nền và hình ảnh và vị trí của các đối tượng trên trang. Sử dụng kịch bản và DOM, bạn có thể thay đổi kiểu của các phần tử khác nhau.
XHTML
XHTML hoặc HTML 4.x được sử dụng để tự tạo trang và xây dựng các phần tử cho CSS và DOM để làm việc. Không có gì đặc biệt về XHTML cho DHTML - nhưng có XHTML hợp lệ thậm chí còn quan trọng hơn, vì có nhiều thứ làm việc từ nó hơn là chỉ trình duyệt.
Đặc điểm của DHTML
Có bốn tính năng chính của DHTML:
- Thay đổi các thẻ và thuộc tính
- Định vị theo thời gian thực
- Phông chữ động (Netscape Communicator)
- Ràng buộc dữ liệu (Internet Explorer)
Thay đổi thẻ và thuộc tính
Đây là một trong những ứng dụng phổ biến nhất của DHTML. Nó cho phép bạn thay đổi chất lượng của thẻ HTML tùy thuộc vào sự kiện bên ngoài trình duyệt (chẳng hạn như nhấp chuột, thời gian hoặc ngày, v.v.). Bạn có thể sử dụng thông tin này để tải trước thông tin lên trang và không hiển thị thông tin trừ khi người đọc nhấp vào một liên kết cụ thể.
Định vị thời gian thực
Khi hầu hết mọi người nghĩ về DHTML, đây là những gì họ mong đợi. Các đối tượng, hình ảnh và văn bản di chuyển xung quanh trang Web. Điều này có thể cho phép bạn chơi trò chơi tương tác với người đọc hoặc làm sống động các phần của màn hình.
Phông chữ động
Đây là một tính năng duy nhất của Netscape. Netscape đã phát triển điều này để giải quyết vấn đề với các nhà thiết kế không biết phông chữ nào sẽ nằm trên hệ thống của người đọc. Với phông chữ động, phông chữ được mã hóa và tải xuống với trang, sao cho trang luôn trông như thế nào mà nhà thiết kế dự định.
Liên kết dữ liệu
Đây là tính năng chỉ có trong IE. Microsoft đã phát triển điều này để cho phép truy cập dễ dàng hơn vào cơ sở dữ liệu từ các trang Web . Nó rất giống với việc sử dụng một CGI để truy cập cơ sở dữ liệu nhưng sử dụng điều khiển ActiveX để hoạt động. Tính năng này rất tiên tiến và khó sử dụng cho người viết đầu DHTML.