接触网络这么久,网页也做了一些,从来就没有想过什么网页标准的问题,前几天由于时间关系,看了一点点相关的文章,今天有跑去看了,还是有点感触的,尤其其中提到了三大门户网站的设计均不符合网页标准:

代码校验(XHTML)
(校验地址:http://validator.w3.org/、
(http://www.htmlhelp.com/tools/validator/ )

www.sina.com.cn
失败,混杂的HTML,未达到XHTML1。黄色警报:字符集错误。(定义了GB2312,但页内使用了非GB2312字符)。非标准代码43处。

www.163.com
失败,混杂的HTML,未达到XHTML1。红色警报:未定义DOCTYPE。非标准代码41处。

www.sohu.com 失败,混杂的HTML,未达到XHTML1。黄色警报:字符集错误。非标准代码38处。

CSS2校验 (校验地址:http://jigsaw.w3.org/css-validator/validator-uri.html )

www.sina.com.cn
25处错误。

www.163.com

1处警告,10处错误。
www.sohu.com

1处警告,15处错误。

“校验结果显示所有门户网站都没有符合网站标准,甚至连HTML4.0标准都没有遵循。举例来说:<span>标签,早在1998年4月HTML4.0标准中就已经被W3C列为”不建议使用(deprecated)”标签。但我们的三大门户网站首页上都有不少类似<span style=”color: red;”>的代码。这里的简单列表,目的不是批评这些网站做得不好(事实上大部分的大型商业站点都通不过W3C严格的正确性校验),有很多的原因造成这种状况,例如采用老的信息发布系统,网页设计人员的技术和意识不够等等。我们只是想说明一点:连比较规范的上市公司的网站都没有意识到遵循标准,其他规模教小的商业网站就更不用说,国内对网站标准没有足够的重视。”(摘自 http://www.w3cn.org )</span>

在标准中提到要少用表格布局,多用CSS布局,但据我所了解的,在国内,只要是一个稍微大一点的正规一点的网站,95%以上都是采用的表格布局。而且,不少人在网页设计的过程中也积累了丰富的表格设计经验,要人一下子放下表格,去用CSS布局,还是很有难度的,对于门户网站来说,要完全改造,使其符合网页标准,几乎是不可能的!这个方面,国外又走在了前列,以前上国外网,发现国外的网页风格都很简洁,速度很快,而相反,国内的网页做的很漂亮,甚至有点花哨,从设计上看,他们的区别很大在于布局的方法:国外很少采用表格,而国内的网站却大量采用表格,尤其是表格的无缝和无边框给网页设计师们带来了太大的方便!

而采用网页标准设计的最大好处就是网站可以兼容更多的浏览器,还有带来网页的快速下载,减少垃圾代码。而它的缺点也是显而易见的,需要设计者花更多的时间来学习网页标准!

下面是一些关于网站标准的资源:

1.网站标准
http://www.zeldman.com/
http://webstandards.org/
http://webstandardsgroup.org/
http://www.nypl.org/styleguide/

2.有语义代码
http://brainstormsandraves.com/articles/semantics/structure/

3.校验(Validation )
http://validator.w3.org/
http://www.htmlhelp.com/tools/validator/
http://webboy.net/presentation/validation.cfm

4.易用性(Accessibility )
http://www.joeclark.org/
http://www.accessify.com/
http://www.juicystudio.com/

5.样式表CSS
http://webboy.net/presentation/ict2004/01.htm
http://webboy.net/presentation/ict2004/02.htm
http://webboy.net/presentation/ict2004/03.htm
http://westciv.com/style_master/academy/css_tutorial/
http://css.maxdesign.com.au
http://www.thenoodleincident.com/tutorials/css/

6.实例站点(XHTML+CSS)
http://www.macromedia.com/
http://www.k10k.net/
http://www.fyrebase.com/
http://www.onetruefit.com/
http://pixeltable.com/
http://www.fishmarketing.net/

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.