了解动态HTML（DHTML）

动态HTML并不是真正的HTML新规范，而是一种查看和控制标准HTML代码和命令的新方法。

在考虑动态HTML时 ，您需要记住标准HTML的特性，尤其是一旦从服务器加载页面，在另一个请求到达服务器之前它不会更改。 动态HTML使您可以更好地控制HTML元素，并允许它们随时更改，而无需返回到Web服务器。

DHTML有四个部分：

• 文档对象模型（DOM）（定义）
• 脚本
• 级联样式表 （CSS）
• XHTML

DOM

DOM允许您访问网页的任何部分以使用DHTML进行更改。 网页的每个部分都由DOM指定，并使用其一致的命名约定可以访问它们并更改它们的属性。

脚本

用JavaScript或ActiveX编写的脚本是用于激活DHTML的两种最常用的脚本语言。 您使用脚本语言来控制DOM中指定的对象。

层叠样式表

CSS在DHTML中用于控制网页的外观和感觉。 样式表定义文本的颜色和字体，背景颜色和图像以及页面上对象的位置。 使用脚本和DOM，你可以改变各种元素的风格。

XHTML

XHTML或HTML 4.x用于创建页面本身并为CSS和DOM构建元素。 对于DHTML来说，XHT​​ML没有什么特别之处 - 但拥有有效的XHTML更重要，因为它有更多的工作，而不仅仅是浏览器。

DHTML的特点

DHTML有四个主要特征：

1. 更改标签和属性
2. 实时定位
3. 动态字体（Netscape Communicator）
4. 数据绑定（Internet Explorer）

更改标签和属性

这是DHTML最常见的用途之一。 它允许您根据浏览器外部的事件（如鼠标点击，时间或日期等）更改HTML标记的质量。 您可以使用它将信息预加载到页面上，除非读者点击特定链接，否则不会显示它。

实时定位

当大多数人想到DHTML时，这就是他们所期望的。 在网页上移动的对象，图像和文本。 这可以让你与你的读者一起玩交互式游戏或者为你的屏幕制作动画部分。

动态字体

这是一个仅限Netscape的功能。 Netscape开发了这个解决方案来解决设计人员不知道字体在读卡器系统上的问题。 使用动态字体时，字体会与页面一起编码并下载，以便页面始终显示设计者的意图。

数据绑定

这是仅限IE的功能。 微软开发了这一功能，以便更容易地从网站访问数据库 。 这与使用CGI访问数据库非常相似，但使用ActiveX控件来运行。 这个功能非常先进，很难用于开始的DHTML编写器。