14、动态HTML（DHTML）全面解析

动态HTML（DHTML）全面解析

1. DHTML简介

动态HTML（DHTML）是JavaScript、HTML和级联样式表（CSS）的结合，它赋予网页设计师极大的自由度，能够为网页添加动画效果和交互性。如果你见过带有动态菜单或在屏幕上舞动的图像的网站，那你就见证了DHTML的实际应用。DHTML也是异步JavaScript和XML（Ajax）的关键组成部分，Ajax是一种用于创建完整基于Web应用程序的技术。

DHTML的应用场景丰富多样，有许多专门提供DHTML示例和教程的网站，例如：
- http://www.dhtmldrive.com
- http://www.dhtmlcentral.com
- http://www.dhtmlgoodies.com

在众多网站中，DHTML常被用于创建下拉菜单，如Doctor Who粉丝网站Outpost Gallifrey（http://www.gallifreyone.com）和《财富》杂志的网站（http://www.fortune.com）。

2. CSS基础

2.1 CSS定位优势

DHTML是JavaScript、HTML和CSS的组合，其中CSS使我们能够在网页上精确地定位HTML元素，告别了使用怪异表格和不可见GIF来定位元素的时代。使用CSS，我们可以轻松地将GIF图像精确地放置在页面中心，或将一段文本定位在右下角。

2.2

标签的使用

在定位任何HTML元素之前，需要使用 <div> 和