DHTML 簡介

您應當具備的基礎知識

在繼續學習之前,您需要對下面的知識有基本的了解:

  • HTML
  • CSS
  • JavaScript

如果您希望首先學習這些項目,請在我們的 首頁 訪問這些教程。

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 進行編碼就會產生問題。某個網頁在一款瀏覽器中看上去很棒,在另一款中卻非常糟糕。