📜  DHTML |介绍

📅  最后修改于: 2021-05-20 06:11:37             🧑  作者: Mango

DHTML代表动态HTML,它与HTML完全不同。支持动态HTML的浏览器是Netscape Navigator和高于4.0的Internet Explorer的某些版本。 DHTML基于HTML,javascript,CSS和DOM(用于访问文档各个元素的文档对象模型)的属性,这些属性有助于制作动态内容。它是HTML,CSS,JS和DOM的组合。 DHTML使用动态对象模型来更改设置以及属性和方法。它还利用脚本,并且它也是早期计算趋势的一部分。

DHTML允许网页中不同的脚本语言更改其变量,从而增强效果,外观和许多其他功能(在整个页面完全加载后或在查看过程中),或者在同一页面上使用静态HTML页面。但实际上,要注意的是在DHTML中它是动态的,只有封闭的不同技术(如CSS,HTML,JS,DOM和不同的静态语言集)才具有动态性。

DHTML用于创建实时生成的交互式动画网页,也称为动态网页,以便在访问此类网页时,将在Web服务器上分析该网页中的代码并发送生成的HTML到客户端的Web浏览器。

HTML: HTML代表超文本标记语言,它是一种客户端标记语言。它用于构建网页块。
Javascript:这是一种客户端脚本语言。大多数浏览器都支持Javascript,还具有cookie集合来确定用户需求。
CSS:CSS的缩写是层叠样式表。它有助于网页的样式和页面的设计。 DHTML的CSS规则将使用带有事件处理程序的JS在不同级别进行修改,这将以很少的代码增加大量的动态性。
DOM:它被称为文档对象模型,它是其中的最薄弱的链接。唯一的缺点是大多数浏览器不支持DOM。这是一种处理静态内容的方法。

注意:很多时候,DHTML与像HTML这样的语言混淆,但事实并非如此。必须记住,它是一种界面或浏览器增强功能,它使得可以通过Javascript语言访问对象模型,从而使网页更具交互性。

主要功能:以下是DHTML的一些主要主要功能:

  • 标记及其属性可以使用DHTML进行更改。
  • 用于实时定位。
  • 可以使用DHTML生成动态字体。
  • 它也用于数据绑定。
  • 它使网页动态化,并用于创建动画,游戏,应用程序以及提供浏览网站的新方法。
  • 由于DHTML使用了低带宽效果,因此增强了网页的功能。
  • DHTML还促进了方法,事件,属性和代码的使用。

为什么要使用DHTML?
DHTML使网页动态,而Javascript也使动态,出现的问题是DHTML有什么不同?因此,答案是DHTML能够在文档按需加载后更改网页的外观,内容和样式,而无需更改或删除浏览器网页上已经存在的所有内容。 DHTML可以按需更改网页的内容,而浏览器无需删除其他所有内容,即即使在文档完全加载后也可以更改网页上的更改。

好处:

  • 与其他交互媒体(如Flash或Shockwave)相比,文件的大小紧凑,并且下载速度更快。
  • 大型浏览器制造商(例如Microsoft和Netscape)都支持它。
  • 高度灵活且易于更改。
  • Viewer不需要额外的插件即可浏览使用DHTML的网页,它们不需要任何额外的要求或特殊的软件即可查看。
  • 通过向服务器发送更少数量的请求来节省用户时间。由于即使在页面加载后也可以修改和替换元素,因此不需要创建单独的页面来更改样式,从而节省了构建页面的时间,还减少了发送到服务器的请求数量。
  • 它具有比静态HTML更高级的功能。它能够同时在网页上保存更多内容。

缺点:

  • 并非所有浏览器都支持它。只有诸如Netscape 6,IE 5.5和Opera 5之类的最新浏览器才支持它。
  • 学习DHTML要求许多先决条件语言,例如HTML,CSS,JS等,设计者应该在开始使用DHTML之前就已经对设计者了如指掌,这本身就是一个漫长且耗时的工作。
  • 不同浏览器的实现方式也不同。因此,如果它在一个浏览器中工作,则不一定在另一浏览器中以相同的方式工作。
  • 即使功能强大,DHTML仍需要一些昂贵的工具和实用程序。例如,DHTML文本编辑器Dreamweaver。随之而来的是从HTML到DHTML的改进成本,使成本上升得更高。

HTML和DHTML之间的区别:

  • HTML是一种标记语言,而DHTML是一种技术集合。
  • HTML用于创建静态网页,而DHTML可以创建动态网页。
  • DHTML用于创建动画和动态菜单,但不使用HTML。
  • HTML网站使用客户端技术的速度较慢,而DHTML网站则相对较快。
  • 使用HTML创建的网页非常简单,并且没有样式,因为它仅使用一种语言,而DHTML使用HTML,CSS和Javascript,这将导致网页更好,更美观。
  • HTML不能用作服务器端代码,而DHTML可以用作服务器端代码。
  • DHTML需要数据库连接,但对于HTML则不需要。
  • HTML中的文件使用.htm或.html扩展名存储,而DHTML使用.dhtm扩展名存储。
  • HTML不需要浏览器进行处理,而DHTML则需要。