了解動態HTML(DHTML)

動態HTML並不是真正的HTML新規範,而是一種查看和控制標準HTML代碼和命令的新方法。

在考慮動態HTML時 ,您需要記住標準HTML的特性,尤其是一旦從服務器加載頁面,在另一個請求到達服務器之前它不會更改。 動態HTML使您可以更好地控制HTML元素,並允許它們隨時更改,而無需返回到Web服務器。

DHTML有四個部分:

DOM

DOM允許您訪問網頁的任何部分以使用DHTML進行更改。 網頁的每個部分都由DOM指定,並使用其一致的命名約定可以訪問它們並更改它們的屬性。

腳本

用JavaScript或ActiveX編寫的腳本是用於激活DHTML的兩種最常用的腳本語言。 您使用腳本語言來控制DOM中指定的對象。

層疊樣式表

CSS在DHTML中用於控製網頁的外觀和感覺。 樣式表定義文本的顏色和字體,背景顏色和圖像以及頁面上對象的位置。 使用腳本和DOM,你可以改變各種元素的風格。

XHTML

XHTML或HTML 4.x用於創建頁面本身並為CSS和DOM構建元素。 對於DHTML來說,XHTML沒有什麼特別之處 - 但擁有有效的XHTML更重要,因為它有更多的工作,而不僅僅是瀏覽器。

DHTML的特點

DHTML有四個主要特徵:

  1. 更改標籤和屬性
  2. 實時定位
  3. 動態字體(Netscape Communicator)
  4. 數據綁定(Internet Explorer)

更改標籤和屬性

這是DHTML最常見的用途之一。 它允許您根據瀏覽器外部的事件(如鼠標點擊,時間或日期等)更改HTML標記的質量。 您可以使用它將信息預加載到頁面上,除非讀者點擊特定鏈接,否則不會顯示它。

實時定位

當大多數人想到DHTML時,這就是他們所期望的。 在網頁上移動的對象,圖像和文本。 這可以讓你與你的讀者一起玩交互式遊戲或者為你的屏幕製作動畫部分。

動態字體

這是一個僅限Netscape的功能。 Netscape開發了這個解決方案來解決設計人員不知道字體在讀卡器系統上的問題。 使用動態字體時,字體會與頁面一起編碼並下載,以便頁面始終顯示設計者的意圖。

數據綁定

這是僅限IE的功能。 微軟開發了這一功能,以便更容易地從網站訪問數據庫 。 這與使用CGI訪問數據庫非常相似,但使用ActiveX控件來運行。 這個功能非常先進,很難用於開始的DHTML編寫器。