行为是指对整个文档内部的一个模型进行定义及交互行为的编写,用于编写用户可以进行交互式操作的文档。表现行为的Web标准技术主要有:DOM和ECMAScript。
1. DOM(Document Object Model)文档对象模型
根据W3C DOM规范,DOM是一种让浏览器与Web内容结构之间沟通接口,使得可以访问页面上的标准组件。给予Web设计师和开发者一个标准的方法,让他们来访问站点中的数据、脚本和表现层对象。
2. ECMAScript脚本语言(JavaScript的扩展脚本语言)
它是由CMA(Computer Manufacturers Association)制定的一种标准脚本语言(JavaScript),用于实现具体界面上对象的交互操作。
1.3 CSS布局与table布局的区别
从目前的Web标准来看,最理想的技术结构式使用HTML或XHTML来设计网页,推荐使用XHTML以更严谨的语言编写结构,并使用CSS来完成网页的布局表现。
1.3.1 CSS的优势
CSS是控制网页布局样式的基础,并真正能够做到网页表现与内容分离的一种样式设计语言。相对于传统HTML对样式的控制而言,CSS能够对网页中的对象的位置进行像素级的精确控制,支持几乎所有的字体、字号样式,以及拥有对网页对象盒模型样式的控制能力,并能够进行初步页面交互设计。归纳起来,CSS有以下几个主要优势:
浏览器支持完善:CSS样式设计出来的网页,在众多平台及浏览器下对样式的表现最为接近。
表现与结构分离;在CSS设计代码中,通过CSS的内部导入(Import)特性,可以使设计代码根据设计需求进行二次分离。
样式设计控制功能强大:对网页对象的位置排版,能够进行像素级的精确控制等。
继承性能优越(层叠处理):CSS的代码在浏览器的解析顺序上,具有类似OOP面向对象的基本特性,浏览器能根据CSS的级别,按照对同一元素定义的先后进行应用多个样式。
1.3.2 传统的table布局与CSS布局
实际上,传统table布局方式只是利用了HTML的table元素所具有的零边框特性。由于table元素可以在显示时,使得单元格的边框和间距被设置为0,即不显示边框,所以可以将网页中的各个元素按照版式划分后,分别放入表格的各个单元格中,从而实现了复杂的排版组合效果。
table表格布局代码最常见的是在HTML标签之间嵌入一些设计代码,比如width="100%", border="0"等,而这种混合式编写的大量样式设计代码混杂在表格单元格中,使得其可读性大大降低,维护起来成本也很高。
table布局的核心在于设计一个能满足版式要求的表格结构,将内容装入每个单元格中,间距及空格则通过许多透明gif进行占位来实现,最终的结构式一个复杂的表格,而这样复杂的表格设计使得网页文件量庞大,不利于设计与修改,最终导致浏览器下载及解析速度过慢。










