WEB标准的重要性

2008-06-18

也许现在来说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。

分类:前端开发 | 标签: | 查看:11,385

10 条评论

  1. 老哈 说道:

    天机就这样被你泄露了–

    其实这主要还是取决于江西整个网络行业的氛围。权利全在领导手上,意识缓慢也就难跟上步骤。

  2. 世纪之光 说道:

    我也工作一年了!

  3. troy 说道:

    问题就是大家的认识不同

  4. Ystar灬龙子 说道:

    div+css布局只是实现web标准的一步!

  5. ellle 说道:

    关于标准的讨论已经延续了很多年,其中很多人就把DIV+CSS理解为标准,开始的时候我也是这么理解的,但是随着时间的推移,对所谓的标准有了更深刻的认识之后,才摒弃了这个错误的概念。

    另:中国90%以上的网站如果非要拿标准来衡量的话,估计都得重构。所以,结构化网站在中国任重道远!希望大家继续努力!

  6. 摄氏度 说道:

    不是90%,而是99%都得重构。

  7. Estyle 说道:

    在WEB领域混了好多好多年了,我想说一下:
    你说的有道理,WEB标准不等于DIV+CSS。
    但是呢,TABLE也不表示不WEB标准了。据我了解,所有XHTML版本里面,和TABLE有关的标签都未被移除,而且无论是HTML还是XHTML,他们本身都承担了一定的呈现任务,所以我个人推测TABLE以后也不可能移除。完全的结构化数据,有XML了,HTML/XHTML是不会和XML竞争的,实际上XML可以依靠XSLT转换为HTML/XHTML。
    当然,我不是为TABLE辩护啥,只是在逻辑上说明大家鼓吹WEB标准的同时排挤TABLE是自相矛盾的行为罢了。
    PS:我已经好长时间没有关注过这些东西了,不知道现在世道变了没,呵呵。

  8. Estyle 说道:

    07年毕业,原来是学弟,俺06毕业的,呵呵。
    javascript也是俺很喜欢的东西,可惜太久没弄了,一年以前俺转型了,OH YEAH!
    不过,仍然期待能和你多交流WEB有关的内容,这回有一种回忆过去美好时光的感觉,还挺不错的。
    http://estyle.blogbus.com/ 这是俺的另一个博客,比资料中留的那个可能更有意义一些。欢迎空了过来坐坐。

  9. Estyle 说道:

    “所带来的好处也是显而易见的:”
    后面的那段内容,看起来好眼熟。好早以前有一本书,封面好像是一个京剧面具,具体名字我给忘了,介绍WEB标准的翻译作品,仿佛这段话就是从那里面摘录过来的吧,呵呵。
    其实,俺我的个人理解,WEB标准是死的,通过验证的都应该算WEB标准。但是用好WEB标准却是活的,就好像60分和90分的差别。目前看来,这几年中,人们对WEB标准的尝试仍然停留在通过验证和面向搜索引擎这两个方面,大概只能算70~80分的区间。还有面向设备、面向残障人事等方面,还没有充分被挖掘。不过,WEB的发展光靠“制订标准”和“应用标准”是不够的,还要开发商和生产商的支持和配合才行,这就悬忽了,唉。瞧着吧,进步和发展就像拉锯战,总要有阻力才会有成就嘛!哈哈。
    PS:一时性起,罗嗦了好多,好久没这么畅快过了,见谅见谅。

  10. 摄氏度 说道:

    欢迎交流,有交流才有进步,呵呵。

评论被关闭!