DHTML(即动态 HTML) 是一种与传统 HTML 不同的技术。DHTML 结合了 HTML、CSS、JavaScript 和文档对象模型(DOM)来创建动态内容。它利用动态对象模型来修改设置、属性和方法。脚本编写也是 DHTML 的一个重要组成部分,这是早期计算趋势的一部分。它得到了某些版本的 Netscape Navigator 和 Internet Explorer 4.0 及更高版本的支持。
HTML: HTML 代表超文本标记语言,它是一种客户端标记语言。它用于构建网页的基石。
Javascript: 它是一种客户端脚本语言。Javascript 得到了大多数浏览器的支持,并且还具有 cookie 收集功能来确定用户的需求。
CSS: CSS 是层叠样式表的缩写。它有助于网页的样式设计并辅助页面的布局。DHTML 的 CSS 规则将使用带有事件处理程序的 JS 在不同级别上进行修改,这只需很少的代码就能添加大量的动态效果。
DOM: 它被称为文档对象模型,在其中充当最薄弱的一环。它唯一的缺陷是大多数浏览器不支持 DOM。这是一种操作静态内容的方式。
DHTML 本身并不是一种单一的技术;相反,它是三种不同技术的结合:客户端脚本(JavaScript 或 VBScript)、层叠样式表和文档对象模型。
注意: 许多时候 DHTML 被误认为是像 HTML 一样的语言,但它不是。必须记住,它是一个接口或浏览器增强功能,使得通过 Javascript 语言访问对象模型成为可能,从而使网页更具交互性。
主要特性:
- 我们可以使用 DHTML 更改标签及其属性。
- 它用于实时定位。
- 可以使用 DHTML 生成动态字体。
- 它也用于数据绑定。
- 它使网页动态化,并可用于创建动画、游戏、应用程序,以及提供浏览网站的新方式。
- 由于使用了低带宽效果,网页的功能得到了增强。
- DHTML 还促进了方法、事件、属性和代码的使用。
为什么要使用 DHTML?
DHTML 使网页变得动态,Javascript 也能做到这一点,那么问题来了,DHTML 有什么不同之处呢?答案是,DHTML 能够在文档加载后根据我们的需求更改网页的外观、内容和样式,而无需更改或删除浏览器网页上已有的所有内容。DHTML 可以根据需要更改网页内容,而无需浏览器清除其他所有内容,即即使在文档完全加载后也能更改网页上的变更。
优点:
- 与其他交互式媒体(如 Flash 或 Shockwave)相比,其文件大小非常紧凑,并且下载速度更快。
- 它得到了微软和网景等大型浏览器制造商的支持。
- 高度灵活且易于更改。
- 查看者不需要额外的插件来浏览使用 DHTML 的网页,他们不需要任何额外要求或特殊软件来查看它。
- 通过向服务器发送更少的请求来节省用户的时间。由于可以在页面加载后修改和替换元素,因此不需要创建单独的页面来更改样式,这反过来又节省了构建页面的时间,并减少了发送到服务器的请求数量。
- 它比静态 HTML 具有更高级的功能。它能够同时在网页上容纳更多的内容。
缺点:
- 并非所有浏览器都支持它。它仅被最近的浏览器支持,例如 Netscape 6、IE 5.5 和 Opera 5 等浏览器。
- 学习 DHTML 需要很多先决语言,例如 HTML、CSS、JS 等,设计师在开始使用 DHTML 之前应该掌握这些,这本身是一个漫长且耗时的过程。
- 不同浏览器的实现是不同的。所以如果它在一个浏览器中工作,不一定在另一个浏览器中以相同的方式工作。
- 尽管功能强大,但 DHTML 需要一些昂贵的工具和实用程序。例如,DHTML 文本编辑器 Dreamweaver。随之而来的是从 HTML 转移到 DHTML 的改进成本使得成本大幅上升。
HTML 和 DHTML 的区别:
- HTML 是一种标记语言,而 DHTML 是技术的集合。
- HTML 用于创建静态网页