什麼是DHTML

dhtml

　　首先我們看一看微軟中國站點中的一個重要界面特性——當浏覽者将滑鼠指針移動到頁面導覽列上時，會動态地彈出一個菜單，在該菜單中移動滑鼠，所指向的菜單項變為紅色顯示；如果将滑鼠指針移出菜單所在範圍，則菜單自動隐藏：如果将滑鼠指針移動到導覽列上另外一個區域，則會彈出另外一個菜單.這種效果非常類似于Windows應用程式的特性，即通過圖形化的界面為使用者提供盡可能多的功能。實際上，采用這種方式可以使同一個頁面上包含更多的資訊，對于微軟中國這樣龐大的站點來說十分有用(實際上，microsoft.com也是采用這種界面)。

　　要實作這種效果，單純依靠HTML和JavaScript已經無法實作，必須采用新的技術——這就是動态HTML。所謂動态HTML(Dynamic HTML，簡稱DHTML)， 其實并不是一門新的語言，它隻是HTML、CSS和用戶端腳本的一種內建。

　　 DHTML建立在原有技術的基礎上，可分為三個方面：

　　 一是HTML(XHTML)，也就是頁面中的各種頁面元素對象，它們是被動态操縱的内容；

　　 二是CSS，CSS屬性也是動态操縱的内容，進而獲得動态的格式效果；

　　 三是用戶端腳本(例如JavaScript)，它實際操縱Web頁上的HTML和CSS。

　　使用DHTML技術，可使網頁設計者建立出能夠與使用者互動并包含動态内容的頁面。實際上，DHTML使網頁設計者可以動态操縱網頁上的所有元素——甚至是在這些頁面被裝載以後。利用 DHTML，網頁設計者可以動态地隐藏或顯示内容、修改樣式定義、激活元素以及為元素定位。DHTML還可使網頁設計者在網頁上顯示外部資訊，方法是将元素捆綁到外部資料源(如檔案和資料庫)上。所有這些功能均可用浏覽器完成而無需請求Web伺服器，同時也無需重新裝載網頁。這是因為一切功能都包含在HTML檔案中，随着對網頁的請求而一次性下載下傳到浏覽器端。

　　可見，DHTML技術是一種非常實用的網頁設計技術。實際上，DHTML早已廣泛地應用到了各類大大小小的網站中，成為高水準網頁必不可少的組成部分。

　　DHTML就是當網頁從WEB伺服器下載下傳後無須再經過伺服器的處理，而在浏覽器中直接動态地更新網頁的内容、排版樣式、動畫。比如，當滑鼠移至文章段落中，段落能夠變成藍色，或者當你點選一個超鍊後會自動生成一個下拉式的子超鍊目錄。這就是 Dynamic HTML（動态HTML），它是近年來網絡發展程序中最具實用性的創新之一。它是一種通過各種技術的綜合發展而得以實作的概念，這些技術包括Java Script , VBScript, Document Object Model (文檔對象模型)，Layers和Cascading Style Sheets ( CSS樣式表)等。

[ 編輯本段] DHTML 不是 W3C 标準

　　DHTML 指動态 HTML（Dynamic HTML）。

　　DHTML 不是由網際網路聯盟（W3C）規定的标準。DHTML 是一個營銷術語 - 被網景公司（Netscape）和微軟公司用來描述 4.x 代浏覽器應當支援的新技術。

　　DHTML 是一種用來建立動态站點的技術組合物。

　　對大多數人來說，DHTML 意味着 HTML 4.0、樣式表以及 JavaScript 的結合物。

　　W3C 曾講過：“動态HTML是一個被某些廠商用來描述可使文檔動态性更強的HTML、樣式表以及腳本的結合物的術語。”

　　DHTML 技術

　　通過 DHTML，Web 開發者可控制如何在浏覽器視窗中顯示和定位 HTML 元素。

　　HTML 4.0

　　通過 HTML 4.0，所有的格式化（資訊）可移出HTML文檔，并寫入一個獨立的樣式表中。因為 HTML 4.0 可以把文檔的表現從其結構中分離，我們可以在不搞亂文檔内容的情況下完全地控制表現層。

　　層疊樣式表（CSS）

　　通過 CSS，我們得到了一種用于 HTML 文檔的樣式和布局模型。

　　由于 CSS 使開發者有能力同時控制多個網頁的樣式和布局，CSS 可以稱作 Web 設計領域的一個突破。作為開發者，您可以為每個 HTML 元素定義樣式，并把它應用到您希望的任意多的頁面上。如果需要做一個全局的改變，隻需簡單地改變樣式，Web 中所有的元素都會被自動地更新。

　　文檔對象模型（DOM）

　　DOM 指文檔對象模型。

　　HTML DOM 是針對 HTML 的文檔對象模型。

　　HTML DOM 定義了針對 HTML 的一套标準的對象，以及通路和處理 HTML 對象的标準方法。

　　“W3C 文檔對象模型（DOM）是一個中立于語言和平台的接口，它允許程式和腳本動态地通路和更新文檔的内容、結構以及樣式”。

　　JavaScript

　　使您有能力編寫可控制所有 HTML 元素的代碼。

　　在 Netscape 4.x 以及 Internet Explorer 4.x 的 DHTML 技術

　　Netscape 4.x 跨浏覽器 DHTML Internet Explorer 4.x

　　JSS（JavaScript 樣式表）（允許您控制不同的 HTML 元素如何顯示）

　　Layers（允許您控制元素的定位和可見性）

　　CSS1

　　CSS2（允許您控制不同的 HTML 元素如何顯示）

　　CSS Positioning (允許您控制元素的定位和可見性)

　　JavaScript

　　可視濾鏡（允許您向文本和圖形應用可視效果）

　　動态 CSS（允許您控制元素的定位和可見性）

　　注釋：隻要各種浏覽器所建立的屬性特征和技術不被其他的浏覽器支援，使用 DHTML 進行編碼就會産生問題。某個網頁在一款浏覽器中看上去很棒，在另一款中卻非常糟糕。