HTML宝典(第 1 版)
1.4 动态网页技术
阅读(

HTML基础

认识HTML

HTML基本语法

HTML文档结构

动态网页技术

从网页的主要构成来说,一个标准的网页一般有4个部分组成:内容、结构、表现和行为。

  • 内容是网页中要传达的信息,包括文本、数据、图片、视频等,一般由HTML(XHTML)来完成,也就是页面中的各种页面元素对象,它们是被动态操纵的内容;
  • 结构是使用结构化的方法对网页中用到的信息进行分类和整理,使内容更具条理性、逻辑性和易读性;
  • 表现是使用表现技术对已经结构化的信息进行表现上的控制,如版式、文本大小、文本颜色等,一般由CSS来完成;
  • 行为就是网页的交互操作,实现对网页的动态控制,一般由Javascript、AJAX等技术完成,用它来操纵Web页上的HTML和CSS。

在这4部分中,内容可以由HTML来实现,结果由DOM,表现通过CSS技术实现,行为一般通过javascript技术实现。

DHTML是Dynamic HTML的简称,称作动态HTML,它是相对传统的静态的HTML而言的一种制作网页的概念。

其实,DHTML并不是一门新的语言,它只是HTML、CSS和客户端脚本的一种集成,即一个页面中包括html+css+javascript,其中css和客户端脚本是直接在页面上写而不是链接上相关文件。DHTML不是一种技术、标准或规范,也不是一门新的语言,只是一种将目前已有的网页技术、语言标准整合运用,制作出能在下载后仍然能实时变换页面元素效果的网页设计概念。

DHTML 是一种使 HTML 页面具有动态特性的艺术,是一种创建动态和交互 WEB 站点的技术集。对大多数人来说,DHTML 意味着 HTML、CSS和 JavaScript 的组合。

使用DHTML技术,可使网页设计者创建出能够与用户交互并包含动态内容的页面。实际上,DHTML使网页设计者可以动态操纵网页上的所有元素——甚至是在这些页面被装载以后。利用DHTML,网页设计者可以动态地隐藏或显示内容、修改样式定义、激活元素以及为元素定位。DHTML还可使网页设计者在网页上显示外部信息,方法是将元素捆绑到外部数据源(如文件和数据库)上。所有这些功能均可用浏览器完成而无需请求Web服务器,同时也无需重新装载网页。这是因为一切功能都包含在HTML文件中,随着对网页的请求而一次性下载到浏览器端。

通过 DHTML,Web 开发者可控制如何在浏览器窗口中显示和定位 HTML 元素。通过 HTML 4.0,所有的格式化(信息)可移出HTML文档,并写入一个独立的样式表中。

通过 CSS,就得到了一种用于 HTML 文档的样式和布局模型,它使开发者有能力同时控制多个网页的样式和布局。并把文档的表现从其结构中分离,在不搞乱文档内容的情况下,自由控制网页的表现。

HTML DOM 是针对 HTML 的文档对象模型,它定义了针对 HTML 的一套标准的对象,以及访问和处理 HTML 对象的标准方法,它允许程序和脚本动态地访问和更新文档的内容、结构及样式。

关于作者

歪脖先生,十五年以上软件开发经验,酷爱Web开发,精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等,著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》,并全部在 GitHub 上开源。

如果本教程对您帮助很大,请随意打赏。您的支持,将鼓励我写出更好的教程!

← 键盘方向键翻页 →
返回顶部 手机访问 关注微信 返回底部

扫码访问歪脖网

随时随地,想看就看

关注歪脖网微信

分享 web 知识、交流 web 经验