动态HTML——DHTML

动态 HTML——DHTML

DHTML 是Dynamic HTML 的简称，中文译为“动态超文本标记语言”，主要用途是提高 HTML 页面的交互性和可操作性。它是建立在传统 HTML 基础上的客户端动态技术，是一种技术的总称，它通过 HTML、VBScript、JavaScript 和 CSS 等语言、技术使网页能够具有动态交互功能。虽然 HTML 语言可以制作出具有复杂格式的网页，但这样制作出来的网页只包含静态内容。凡是网页上有任何信息需要更新，浏览器就必须从服务器上重新下载整个网页，因而给网络造成极大的负担。它是建立在传统 HTML 基础上的客户端动态技术。

DHTML 实现了网页从 Web 服务器下载后无需再经过服务的处理，而在浏览器中直接动态地更新网页的内容、排版样式和动画的功能。例如，当鼠标指针移到文章段落中时，段落能够变成蓝色，或者当鼠标指针移到一个超级链接上时，会自动生成一个下拉式子链接目录等。这是近年来网络飞速发展进程中最振奋人心也最具实用性的技术之一。DHTML 是一种通过各种技术的综合发展而来的概念，这些技术包括 JavaScript、VBScript、DOM（Document Object Mode，文档对象模型）、Layers 和 CSS（Cascading Style Sheets，层又叠样式表）等。目前IE 4.0 以上的大多数浏览器都加入了对 DHTML 的支持，主要包括以下内容：

① 动态内容（Dynamic Content）：动态地更新网页内容，可“动态”地插入、修改或删除网页的元件，如文字、图像、标记等。

② 动态排版样式（Dynamic Style Sheets）：W3C 的 CSS 样式表提供了设定 HTML 标记的字体大小、字形、样式、粗细、文字颜色、行高度、加底线或加中间横线、缩排、与边缘距离、靠左右或置中、背景图片或颜色等排版功能，而“动态排版样式”即可以“动态”地改变排版样式。

！提示：

CSS 是什么？

CSS 是 Cascading Style Sheets(层叠样式表)的简称，俗称样式表。它是一种设计网页样式的工具。主要用途是定义网页数据的编排、格式化、显示及特殊效果等。它可以弥补 HTML 的某些不足。

③ 动态定位（Dynamic Positioning）：通过 CSS 提供 HTML 元件在 X、Y、Z 轴的定位功能，让设计者可以在网页的任何位置上放置文字、影像、控件等。如果将同一个元素放置在不同的 Z 轴上，就可以设计出重叠的效果。

④ 内置数据处理（Data  Awareness）：无需复杂的程序，无需花费服务器太多资源，即可让网页设计者即时处理文档。

⑤ 内置多媒体支持：结合 CSS 与内置的 ActiveX Controls 技术，提供多媒体支持功能，包括转换特效、滤镜特效、路径控制、顺序控制、动画、制图、播放声音和影像等。