1.4 动态网页技术

从网页的主要构成来说，一个标准的网页一般有4个部分组成：内容、结构、表现和行为。

• 内容是网页中要传达的信息，包括文本、数据、图片、视频等，一般由HTML（XHTML）来完成，也就是页面中的各种页面元素对象，它们是被动态操纵的内容；
• 结构是使用结构化的方法对网页中用到的信息进行分类和整理，使内容更具条理性、逻辑性和易读性；
• 表现是使用表现技术对已经结构化的信息进行表现上的控制，如版式、文本大小、文本颜色等，一般由CSS来完成；
• 行为就是网页的交互操作，实现对网页的动态控制，一般由Javascript、AJAX等技术完成，用它来操纵Web页上的HTML和CSS。

在这4部分中，内容可以由HTML来实现，结果由DOM，表现通过CSS技术实现，行为一般通过javascript技术实现。

DHTML是Dynamic HTML的简称，称作动态HTML，它是相对传统的静态的HTML而言的一种制作网页的概念。

其实，DHTML并不是一门新的语言，它只是HTML、CSS和客户端脚本的一种集成，即一个页面中包括html+css+javascript，其中css和客户端脚本是直接在页面上写而不是链接上相关文件。DHTML不是一种技术、标准或规范，也不是一门新的语言，只是一种将目前已有的网页技术、语言标准整合运用，制作出能在下载后仍然能实时变换页面元素效果的网页设计概念。

DHTML 是一种使 HTML 页面具有动态特性的艺术，是一种创建动态和交互 WEB 站点的技术集。对大多数人来说，DHTML 意味着 HTML、CSS和 JavaScript 的组合。

使用DHTML技术，可使网页设计者创建出能够与用户交互并包含动态内容的页面。实际上，DHTML使网页设计者可以动态操纵网页上的所有元素——甚至是在这些页面被装载以后。利用DHTML，网页设计者可以动态地隐藏或显示内容、修改样式定义、激活元素以及为元素定位。DHTML还可使网页设计者在网页上显示外部信息，方法是将元素捆绑到外部数据源（如文件和数据库）上。所有这些功能均可用浏览器完成而无需请求Web服务器，同时也无需重新装载网页。这是因为一切功能都包含在HTML文件中，随着对网页的请求而一次性下载到浏览器端。

通过 DHTML，Web 开发者可控制如何在浏览器窗口中显示和定位 HTML 元素。通过 HTML 4.0，所有的格式化（信息）可移出HTML文档，并写入一个独立的样式表中。

通过 CSS，就得到了一种用于 HTML 文档的样式和布局模型，它使开发者有能力同时控制多个网页的样式和布局。并把文档的表现从其结构中分离，在不搞乱文档内容的情况下，自由控制网页的表现。

HTML DOM 是针对 HTML 的文档对象模型，它定义了针对 HTML 的一套标准的对象，以及访问和处理 HTML 对象的标准方法，它允许程序和脚本动态地访问和更新文档的内容、结构及样式。