📜  DHTML |介绍

📅  最后修改于: 2021-10-22 03:37:15             🧑  作者: Mango

DHTML 代表动态 HTML,它与 HTML 完全不同。支持动态HTML 的浏览器有部分版本高于4.0 的Netscape Navigator 和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,也有cookies集合来确定用户需求。
CSS:CSS的缩写是层叠样式表。它有助于网页的样式和页面的设计。 DHTML 的 CSS 规则将使用带有事件处理程序的 JS 在不同级别进行修改,这会以很少的代码增加大量的活力。
DOM:它被称为文档对象模型,充当其中最薄弱的环节。它唯一的缺陷是大多数浏览器不支持 DOM。这是一种操作静态内容的方法。

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

主要特性:以下是 DHTML 的一些主要主要特性:

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

为什么要使用 DHTML?
DHTML 使网页动态化,但 Javascript 也可以,问题是 DHTML 有什么不同?所以答案是,一旦文档根据我们的需要加载,DHTML 就能够更改网页的外观、内容和样式,而无需更改或删除浏览器网页上已经存在的所有内容。 DHTML 可以根据需要更改网页的内容,而浏览器不必清除其他所有内容,即即使在文档完全加载后也可以更改网页上的更改。

优点:

  • 与 Flash 或 Shockwave 等其他交互媒体相比,文件的大小更紧凑,下载速度更快。
  • 它得到了微软和 Netscape 等大型浏览器制造商的支持。
  • 高度灵活且易于更改。
  • 查看器不需要额外的插件来浏览使用 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 需要。