作者:prower 来源:prower - 记录成长历程   酷勤网收集 2008-06-20

摘要
  基于WEB标准制作的网站,在难度是比Table布局的时代要高上一个等级,可是“付出就会有回报”这句话不会有假,制作出一个基于WEB标准的网站,所带来的好处也是显而易见的。如何制作一个基于WEB标准的网站,记住一点:WEB标准不等于DIV+CSS。

也许现在来说WEB标准的重要性似乎已经有点晚了,因为这已经是几年前的概念了,放到现在来说可能有点炒冷饭的意思。可是事实是,即使这是几年前的概念,但这个概念的普及实施也仅仅是在互联网比较发达的一些城市,而在另一些互联网不发达或者说是发展缓慢的城市里,WEB标准依然是它们很遥远很遥远的一个梦。

本人所在江西省就是这样一个互联网发展缓慢的城市。

查看江西排名靠前的十大网站,竟然有七个还是停留在Table布局的时代:大江网今视网中国江西网江西热线江西人才人事网小刀在线江西搜房网,其中江西人才人事网2008版江西搜房网新版这两个网站最近出台或即将出台的新版竟然仍然停留在Tabel布局的时代!似乎基于WEB标准化的布局对于它们来说还是无限遥远的事情;剩下的三个已经开始采用DIV+CSS的布局方式:地宝网易圈网南昌网吧协会,然后这仅剩的这三个网站中,南昌网吧协会的布局依然很烂,即使在不完全支持WEB标准的IE7浏览器下显示错位的情况都相当严重,不过所知情人士透露,这个网站也即将推出新版,新版网站将完全基于DIV+CSS的方式制作,版面布局也更显大气条理清晰,因为这个新站就是他本人制作的。

上面做的统计数据只是说明有多少网站仍然用着古老的Table来布局制作网站,而不是说用DIV+CSS制作的网站就是WEB标准化的网站,事实上它们离WEB标准化还有很长的一段路要走。

很多国人都认为WEB标准实际上就是DIV+CSS,还有很多的教程什么的都挂着DIV+CSS这样的噱头来欺骗读者,其实这是一个完全错误的理解,DIV+CSS仅仅只是一个表现而已,引用一下百度百科里关于WEB标准的简介:

WEB标准不是某一个标准,而是一系列标准的集合。网页主要由三部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)。对应的标准也分三方面:结构化标准语言主要包括XHTML和XML,表现标准语言主要包括CSS,行为标准主要包括对象模型(如 W3C DOM)、ECMAScript等。

确切的说,DIV仅仅只是一个容器,他本身的作用并不大,只在当它配合了CSS后才能突显出它的强大来,所以很多人天天都号称着要用DIV+CSS来制作基于WEB标准的网站,于是很多的教材也挂着DIV+CSS的噱头来欺骗读者,其实这也是一个的理解。

从上面的简介也可以看出来,结构标准指的并不是DIV,而是标准化的语言:XHTML和XML。一个真正基于WEB标准化的网站的结构并不是一味的DIV,而是推崇以更合适的语义标签来制作网页结构。但是我们仍然可以看到很多网页的结构还是清一色的DIV,既然是明明可以用<h1 />等标签来表示的标题依然使用DIV来包含着,然后用CSS来调整它的样式。

如果一个站全用DIV来进行布局,加载了CSS样式后,也许你看它很正常没什么不对劲,可是一旦撤掉这个CSS样式表后,这个网站所显示出来的页面数据就会让用户找不着北,因为完全不能体现出网页的架构,用户甚至都不可能分得清哪个是标题哪个是正文。

举办CSS裸体日这个活动并不是为了好玩,更为重要的意义是为了验证网站的结构。

由于本人才疏学浅,对于行为标准不熟悉,所以在此略过不谈,望有才学之人补充。

基于WEB标准制作的网站,在难度是比Table布局的时代要高上一个等级,可是“付出就会有回报”这句话不会有假,制作出一个基于WEB标准的网站,所带来的好处也是显而易见的:

对于访问者:
● 文件下载与页面显示速度更快。
● 内容能被更多的用户所访问(包括失明、视弱、色盲等残障人士)。
● 内容能被更广泛的设备所访问(包括屏幕阅读机、手持设备、搜索机器人、打印机、电冰箱等等)。
● 用户能够通过样式选择定制自己的表现界面。
● 所有页面都能提供适于打印的版本。

对于网站所有者:
● 更少的代码和组件,容易维护。
● 带宽要求降低(代码更简洁),成本降低。举个例子:当 ESPN.com 使用 CSS改版后,每天节约超过两兆字节(terabytes)的带宽。
● 更容易被搜寻引擎搜索到。
● 改版方便,不需要变动页面内容。
● 提供打印版本而不需要复制内容。
● 提高网站易用性。在美国,有严格的法律条款(Section 508)来约束政府网站必须达到一定的易用性,其他国家也有类似的要求。

在开发基于WEB标准的网站时,所带来的好处也同样显而易见,因为WEB标准的结构、表现、行为的分离,开发人员的分工可以更加明确,程序员完全不必像以前一样为在纷杂的Table的中寻找位置而苦恼,甚至只需要轻松的将数据绑定在诸如<li />这样的标签即可;而页面制作人员也不必为了怕担心页面效果程序无法实现而不得不去改动设计好的页面。

如何制作一个基于WEB标准的网站,记住一点:WEB标准不等于DIV+CSS。

来自:WEB标准的重要性

相关阅读:《根本不存在 DIV + CSS 布局这回事

分类: 网页设计 站长经验 Web开发 交互设计 艺术设计

上一篇:Google Gears的定位是增加Web的功能?   下一篇:OpenSearch 初探