DHTML理解

動態HTML--- DHTML是Dynamic HTML的縮寫,DHtml經過傳統的HTML語言,利用CSS( Cascading Style Sheets,即樣式表),並依靠javascript使一貫靜止不變的頁面得以「動」起來。 Netxcape 4.0和IE 4.0/5.0版本支持DHTML,DHTML是一種徹底「客戶端」技術,直接經過WEB頁面實現頁面與用戶之間的交互性。在WWW中發佈HTML文檔,大多數信息是靜態的,並且要求服務器響應用戶的交互。DHTML(Dynamic HTML)的出現,使Web範例從要求服務器交互改變爲建立Web站點和Web應用。因爲DHTML容許HTML文檔與用戶交互及客戶機的巨大變化,則能夠建立豐富的Web應用。
DHTML並非什麼新的技術、標準或規範,DHTML只過是一種將目前已有的網頁技術與標準的整和運用,製做出能在下載後仍然能實時變換頁面元素效果的網頁的設計概念。
DHTML大體包括如下一些內容:
  1)HTML 4.0  沒什麼好說的,網頁的基礎語言標準。
  2)CSS是Cascading Style Sheets(層疊樣式表)的縮寫,是W3C協會爲了彌補HTML在樣式編排上的不足,所制定的一種擴展式標準。因爲HTML標記屬性很是有限,且沒法經過Script程序來控制,所以CSS擴充了HTML各標記的屬性設定(稱爲樣式),是網頁內容視覺化效果有更多的變化,網頁內容的表現方式也更靈活,更美觀。
  3)瀏覽器對象模型,在4.0版之後的IE或Netscape都是對象化的,瀏覽器自己就是由許多對象所組成,這些對象有各自的屬性、方法和事件。所以,網頁設計者可經過Script程序來控制或調用這些對象。目前Microsot和Netscape的瀏覽器對象模型都是以W3C所公佈的文件對象模型(DocumentObject Modle,DOM)爲基礎,再加上以擴展對象而組成。
  4)Script
Script是整個DHTML的靈魂角色,在DHTML裏,網頁之因此可以動起來,最主要的緣由在於網頁中的對象必須經過Script程序來控制,進行交互式操做。在不一樣的瀏覽器中,所使用的腳本語言不一樣。目前,Netscape裏支持的Script是JavaScript,而IE所支持的則包括了JavaScript,JScript和VBScript。
因此,簡單地說,要實現DHTML,就是以HTML爲基礎,運用DOM將頁面元素對象化,利用CSSL控制這些對象的CSS屬性以達到網頁的動態視覺效果。
DHTML的結構能夠表示爲:DHTML=HTML+瀏覽器對象模型結構+CSS+Script。
DHTML的特色能夠總結爲: (1)動態內容 經過瀏覽器與網頁文字的對象模型,網頁不用下載,其內容與對象便可以動態的增長、刪除和改變顯示內容。 (2)動態樣式 CSS除了能夠擴展HTML標記的樣式屬性外,還能夠經過Script程序來改變這些屬性。傳統網頁的內容與樣式編排,在下載到瀏覽器後,是固定的,相比之下,以CSS定義的樣式網頁,只要經過Script控制,網頁就算已經下載顯示來了,仍是能夠改變其字體、顏色,甚至是樣式的編排內容。 (3)絕對定位 之前的HTML只能定位網頁對象的x,y座標,如今DHTML能夠定位網頁對象的x,y,z座標,也就是說,能夠在網頁上創建三維的立體空間。
相關文章
相關標籤/搜索