Giới thiệu DHTML

Kiến thức cơ bản bạn nên có

Trước khi tiếp tục học, bạn cần có kiến thức cơ bản về các khái niệm sau:

  • HTML
  • CSS
  • JavaScript

Nếu bạn muốn học các dự án này trước tiên, hãy truy cập vào Trang chủ Truy cập các hướng dẫn này.

DHTML không phải là tiêu chuẩn W3C

DHTML là viết tắt của Dynamic HTML (HTML động).

DHTML không phải là tiêu chuẩn được quy định bởi万维网联盟(W3C). DHTML là một thuật ngữ quảng cáo - được công ty Netscape và Microsoft sử dụng để mô tả các công nghệ mới mà trình duyệt thế hệ 4.x nên hỗ trợ.

DHTML là một tổ hợp kỹ thuật để tạo ra các trang web động.

Đối với nhiều người, DHTML có nghĩa là sự kết hợp của HTML 4.0, bảng phong cách và JavaScript.

W3C từng nói: “Dynamic HTML là một thuật ngữ được một số nhà sản xuất sử dụng để mô tả sự kết hợp của HTML, bảng phong cách và vũ khí script có thể làm cho tài liệu động hơn.”

Kỹ thuật DHTML

Thông qua DHTML, nhà phát triển web có thể kiểm soát cách hiển thị và định vị các yếu tố HTML trong cửa sổ trình duyệt.

HTML 4.0

Thông qua HTML 4.0, tất cả các định dạng (thông tin) có thể được tách ra khỏi tài liệu HTML và ghi vào một bảng phong cách độc lập. Vì HTML 4.0 có thể tách biệt biểu hiện của tài liệu từ cấu trúc của nó, chúng ta có thể kiểm soát hoàn toàn lớp biểu hiện mà không làm rối loạn nội dung tài liệu.

Bảng phong cách chồng (CSS)

Thông qua CSS, chúng ta có được một mô hình phong cách và布局 cho tài liệu HTML.

Do CSS cho phép nhà phát triển kiểm soát đồng thời phong cách và布局 của nhiều trang web, CSS có thể được coi là một bước đột phá trong lĩnh vực thiết kế web. Là nhà phát triển, bạn có thể định nghĩa phong cách cho mỗi yếu tố HTML và áp dụng nó lên bất kỳ số trang nào bạn muốn. Nếu cần thay đổi toàn cục, chỉ cần thay đổi phong cách, tất cả các yếu tố trong web sẽ được tự động cập nhật.

Mô hình đối tượng tài liệu (DOM)

DOM là viết tắt của Document Object Model (Mô hình đối tượng tài liệu).

HTML DOM là mô hình đối tượng tài liệu cho HTML.

HTML DOM định nghĩa một bộ tiêu chuẩn các đối tượng và phương pháp tiêu chuẩn để truy cập và xử lý các đối tượng HTML.

“W3C Document Object Model (DOM) là một giao diện trung lập về ngôn ngữ và nền tảng, cho phép chương trình và kịch bản truy cập và cập nhật động nội dung, cấu trúc và phong cách của tài liệu.”

JavaScript

Giúp bạn có khả năng viết mã kiểm soát tất cả các yếu tố HTML.

Công nghệ DHTML trên Netscape 4.x và Internet Explorer 4.x

Netscape 4.x DHTML đa trình duyệt Internet Explorer 4.x
  • JSS (JavaScript Stylesheet) (cho phép bạn kiểm soát cách các yếu tố HTML hiển thị)
  • Layers (cho phép bạn kiểm soát vị trí và khả năng hiển thị của các yếu tố)
  • CSS1
  • CSS2 (cho phép bạn kiểm soát cách các yếu tố HTML hiển thị)
  • Chỉnh vị trí CSS (cho phép bạn kiểm soát vị trí và khả năng hiển thị của các yếu tố)
  • JavaScript
  • Bộ lọc nhìn thấy (cho phép bạn áp dụng các hiệu ứng nhìn thấy được cho văn bản và hình ảnh)
  • CSS động (cho phép bạn kiểm soát vị trí và khả năng hiển thị của các yếu tố)

Ghi chú:Chỉ khi các thuộc tính và công nghệ được tạo ra bởi các trình duyệt khác nhau không được hỗ trợ bởi các trình duyệt khác, việc mã hóa bằng DHTML sẽ gặp vấn đề. Một trang web có thể trông rất tuyệt vời trên một trình duyệt nào đó, nhưng lại rất tồi tệ trên trình duyệt khác.