传统的HTML网页就像搬到互联网上的书本,与浏览者缺乏交互。随着互联网应用领域的日益广泛,传统的HTML网页的表现力显得捉襟见肘。为了增加网页的交互性和表现力,发展了很多技术:如 Java Applet 和 ActiveX 等。这些技术一般都使用特定的开发语言或开发工具,一般的网页制作者不易掌握,而且使用这些技术开发的动态网页容量很大,下载速度缓慢。
而 DHTML 则在很大程度上降低了制作交互性动态网页的难度。DHTML只是在传统的HTML的基础之上增加了 CSS 和脚本语言,非常容易掌握。和 Java Applet 和 ActiveX 所制作的动态网页相比,DHTML的大小几乎可以忽略不计。
DHTML的动态效果和交互性是由浏览器实现的,不需要服务器的参与。 DHTML的结构 严格来说,DHTML并不是什么新的技术。换句话说,事实上并没有一种技术叫做DHTML。DHTML只不过是一些现有网页技术与标准的整合,通过他您可以用一种新的网页技术而已!
DHTML主要包括以下一些内容:
HTML 4.0
HTML 4.0是网页文件的通用格式,其版本发展至今已经是4.0版了。和以前几个版本比较起来,HTML4.0除了将原有的标记扩充外,其最大的变革是可以将网页上的文字和图形当作对象,并通过Script(脚本)程序来控制这种改变对于网页内容的动态显示或控制是非常重要的。
CSS
CSS(Cascading Style sheets:级联样式表)是W3C协会为了弥补HTML在样式编排上的不足,所制定的一种扩展式标准。由于HTML标记属性非常有限,且无法通过 Script程序来控制,因此CSS扩充了HTML各标记的属性设定(称为样式),是网页内容视觉化效果有更多的变化。再之,由于CSS样式可通过 Script来控制,因而网页内容的表现方式也更灵活,更美观!
浏览器对象模型(DOM)
在4.0版以后的IE或Netscape都是对象化的,也就是说,浏览器本身就是由许多对象所组成,这些对象有各自的属性,方法和事件。因此,网页设计者可通过Script程序来控制或调用这些对象。目前Microsot和Netscape的浏览器对象模型都是以W3C所公布的文件对象模型(Document Object Modle:DOM)为基础,再加上以扩展对象而成。
Script
Script是整个DHTML的灵魂角色,因为在DHTML里,网页之所以能够动起来,最主要的原因在于网页中的对象必须通过Script 程序来控制,进行交互式操作。在不同的浏览起中,所使用的浏览器脚本语言不同。目前,Netscape里支持的Scrip是JavaScrip,而IE所支持的则包括了JavaScript,JScript和VBScript.
总结以上技术,DHTML的结构如下所是:
DHTML=HTML+浏览器对象模型结构+CSS+Script
DHTML的特点
动态内容
通过浏览器与网页文字的对象模型,网页不用下载,其内容与对象即可以动态的增,删除,或是改变显示内容。
动态样式
CSS除了可以扩展HTML标记的样式属性外,还可以通过Script程序来改变这些属性。传统网页的内容与样式编排,在下载到浏览器后,即使固定的,相比之下,以CSS定义的样式网页,只要通过Script控制,网页就算已经下载显示来了,还是可以改变其字体,颜色,甚至是样式的编排内容。
绝对定位
以前的HTML只能定位网页对象的X,Y坐标,现在DHTML可以定位网页对象的X,Y,Z坐标,也就是说,可以在网页上建立三维的立体空间。
数据绑定
数据绑定是动态HTML的一个特性,它允许用户在客户机上处理信息。如果用户需要对数据进行排序或筛选,就可以在本地进行这些工作,这种模式比基于服务器的模式优越,因为它充分利用了客户机上的资源而不占用网络和服务器资源。
如果您是HTML的初学者,请您先自学HTML。因为DHTML是现有的HTML技术的一个综合,所以HTML语言对学习动态HTML是非常重要的。从HTML 4.0出现以后,引入了“层叠样式表”(CSS),于是网页制作者能够随心所欲地对自己的网页进行外观和动态的设计,并且使网页具有交互性。其实动态Html(DHtml)并不是一种专门的技术,而是Html技术的一个综合,说白了就是一种技巧,但往往是这样或那样的小技巧使我们的网页变得更加好看、实用。