DHTML 简介

DHTML 是 Dynamic HTML 的简称,就是动态的html(标准通用标记语言下的一个应用),是相对传统的静态的html而言的一种制作网页的概念。


DHTML 不是 W3C 标准

DHTML 指动态 HTML(Dynamic HTML)。

DHTML 不是由万维网联盟(W3C)规定的标准。DHTML 是一个营销术语 - 被网景公司(Netscape)和微软公司用来描述 4.x 代浏览器应当支持的新技术。

DHTML 只是 HTML、CSS 和客户端脚本的一种集成,即一个页面中包括 html + css + javascript(或其它客户端脚本),其中 css 和客户端脚本是直接在页面上写而不是链接上相关文件。

因此 DHTML 不是一种技术、标准或规范,只是一种将目前已有的网页技术、语言标准整合运用,制作出能在下载后仍然能实时变换页面元素效果的网页设计概念。


DHTML 技术

DHTML建立在原有技术的基础上,可分为三个方面:

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跨浏览器 DHTMLInternet Explorer 4.x
  • JSS(JavaScript 样式表)(允许您控制不同的 HTML 元素如何显示)
  • Layers(允许您控制元素的定位和可见性)
  • CSS1
  • CSS2(允许您控制不同的 HTML 元素如何显示)
  • CSS Positioning (允许您控制元素的定位和可见性)
  • JavaScript
  • 可视滤镜(允许您向文本和图形应用可视效果)
  • 动态 CSS(允许您控制元素的定位和可见性)

注释:只要各种浏览器所创建的属性特征和技术不被其他的浏览器支持,使用 DHTML 进行编码就会产生问题。某个网页在一款浏览器中看上去很棒,在另一款中却非常糟糕。