动态HTML(DHTML)如何用于创建交互式页面

HTML代码图形

7io / getty图像

动态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和CSS的元素dom工作。关于DHTML的XHTML没有什么特别之处 - 但具有有效的XHTML更为重要,因为有更多的东西从它工作而不是浏览器。

DHTML的特征

DHTML有四个主要特征:

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

更改标签和属性

这是DHTML最常见的用途之一。它允许您更改一个素质HTML标记根据浏览器之外的事件(例如鼠标单击,时间或日期等)。您可以将此用于将信息预加载到页面上,而不是显示它,除非读者点击特定链接。

实时定位

当大多数人想到DHTML时,这就是他们期望的。对象,图像和文本在网页周围移动。这可以允许您与读者播放交互式游戏或屏幕的动画部分。

动态字体

这是仅限Netscape的功能。Netscape开发了这一点,绕过问题设计师不知道读者系统上的字体。使用动态字体,字体由页面编码和下载,因此页面始终将显示器的预期方式看起来。你也可以使用网络安全字体

数据绑定

这是一个IE的特征。微软开发了这一点,以便更容易地访问来自网站的数据库。它非常类似于使用CGI.要访问数据库,但使用ActiveX控件函数。此功能非常先进,难以用于开始DHTML编写器。

此页面是否有帮助?