已解决所有警告项,即全部符合W3C标准,此前未解决问题已解决!关注请往下看

用W3C标准来设计网站,有个好处:提高用户体验,加快网页下载速度。按照W3C标准设计的网站,用户浏览速度比较快,因为网站的代码比较简洁。

        这几天一直在寻求一个为博客提速的方案,最终想到了W3C网页设计标准,于是到W3C CSS验证服务校验了自己的CSS,发现了17处错误和180多项警告,而且看下错误提示,几乎都是word-warp和word-break属性出的问题,于是考察了一下博客的现有布局,决定将CSS中的所有word-warp错误属性删去,于是很快校验结果显示还有1个错误:display无效的参数{ifannounce}。

      于是将CSS文档仔细检查了一遍没发现可疑点。突然想到ifanannounce,似乎与博客首页的公告有关联,于是查看公告代码,发现了display后面的值就是{inannounce},于是将其改为block,再次校验,OK了(所以在此提醒,W3C校验不只是对你的外部CSS文档进行校验)

     下一步是修改其中的警告项,一看提示,几乎都是颜色与背景颜色一致。于是将所有警告的颜色进行修改,最终剩下8项警告,而且提示均相同:In (x)HTML+CSS, floated elements need to have a width declared. Only elements with an intrinsic width (html, img, input, textarea, select, or object) are not affected 。自己翻译了一下,大体知道了其中的含义(浮动元素需要声明width,仅内部有width的元素才不被影响),也不知道我翻译的对不对,但还是没有着手修改,等待下次的突破。
     【09-8-5补充:确为浮动元素未设置with值,统一增加 with:auto; 即可】

     通过W3C校验,算是基本符合了国际网页设计标准,在用户体验、搜索体验上就会有所提高,至少可以告诉你的博客在所有浏览器里都会显示正常!在这里,也对国际网页标准化做点小小推广,希望越来越多的中国网页设计师走国际标准化道路。同时感谢本博客主题的创造者:鬼火,否则小博也不可能如此简单通过校验。
    

WEB标准不是某一个标准,而是一系列标准的集合。网页主要由三部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)。对应的标准也分三方面:结构化标准语言主要包括XHTML和XML,表现标准语言主要包括CSS,行为标准主要包括对象模型(如W3C DOM)、ECMAScript等。这些标准大部分由W3C起草和发布,也有一些是其他标准组织制订的标准,比如ECMA(European Computer Manufacturers Association)的ECMAScript标准。

       w3c标准验证地址:http://validator.w3.org/
       零才博客校验链接:http://jigsaw.w3.org/css-validator/validator?uri=www.0cai.net&profile=css21&usermedium=all&warning=1
        中国万维网(w3c)协会:http://www.webw3c.org/

您可能还喜欢:

28 人评论了 “ W3C校验:让你的网页设计符合国际标准

  1. notycn 08/02 02:21 评论:

    一样都是有代码洁癖的人,呵呵

  2. 不是啊  真不应该这样说  追求更好 人人都应该这样!

  3. notycn 08/02 04:42 评论:

    可惜没你的网络速度,所以我的只追求页面显示速度了,能用代码写出来的就不用插件

  4. 恩  和我想的一样啊  我是连大图片都不敢多放的

  5. 飞晏 08/02 12:17 评论:

    咱们中国人的网速都比较惨<br/>适当的修改时必须的<br/>不像老美和韩国人<br/>整站图片都没关系

  6. zwwooooo 08/02 12:54 评论:

    css通过w3c验证倒是很容易,但是html就比较麻烦,通常不是主题问题,是插件问题

  7. 零距离blog 08/02 13:15 评论:

    好文,转载一下继续研究,W3C CSS验证服务,我一查也有100多错误,看来过去都太不重视W3C网页设计标准,可是具体代码修改还是不很会。

  8. 恩&nbsp;&nbsp;是啊&nbsp;&nbsp;CSS的属性也就那么多&nbsp;&nbsp;规则较少&nbsp;&nbsp;掌握起来还是很容易的

  9. W3C标准在中国已经得到了广泛的推广和宣传&nbsp;&nbsp;现在越来越多的网站符合W3C标准了 为此国际相关组织都越来越关注中国的互联网发展了!

  10. 恩&nbsp;&nbsp;是啊&nbsp;&nbsp;中国的网络硬件设施还得加强啊&nbsp;&nbsp;要物美价廉才够好!

  11. 妖狐闪现 08/02 19:39 评论:

    还有这说法?试试去:-)

  12. 恩&nbsp;&nbsp;确实如此!

  13. 妖狐闪现 08/02 20:10 评论:

    郁闷,首页有48个error。

  14. 卢松松 08/02 20:49 评论:

    原本我也想做一个符合标准的网页,但个人感觉没什么必要。因为还不影响用户的访问!

  15. 擦 我和你反过来了 我是180多个错误 12个警告 这可咋办呀

  16. 哈哈&nbsp;&nbsp;有点逗!&nbsp;&nbsp;慢慢改吧&nbsp;&nbsp;也不是很难应付的&nbsp;&nbsp; 其中肯定有很多重复属性的错误!

  17. 恩&nbsp;&nbsp;是啊&nbsp;&nbsp;但是考虑到自己博客访问速度和搜素体验的问题,我还是这样标准化了!

  18. 呵呵&nbsp;&nbsp;只要不影响用户体验&nbsp;&nbsp;不应现浏览器显示&nbsp;&nbsp;就没多大问题的!

  19. 阿东 08/03 08:22 评论:

    198个错误。39个警告。。汗。。 <br/>&nbsp;&nbsp; 我的博客看来迈向死亡了。。 可惜不会改。。。

  20. keelii 08/03 10:29 评论:

    只要xhtml结构合理,css属性适当少用hack做到向下兼容的话校验其实意义不大…

  21. 恩&nbsp;&nbsp;是的&nbsp;&nbsp;我写了许多DIV+CSS,浏览器兼容也没问题&nbsp;&nbsp;显示一切都正常&nbsp;&nbsp;但是校验发现错误有200多的!

  22. 怎么叫迈向死亡呢&nbsp;&nbsp;不会的&nbsp;&nbsp;自己学习一下CSS吧&nbsp;&nbsp;到卢松松博客学习去!

  23. 我想想 08/04 15:52 评论:

    我的网页有二百多个错误<br/>我看了,都怕了。

  24. 哎 也不影响&nbsp;&nbsp;PR没问题&nbsp;&nbsp;浏览器显示没问题 就不要紧了啊!

  25. 永世的缘 08/06 08:03 评论:

    在做CSS检测时,发现可以选择CSS 版本 3,那我们是按2.1的标准来还是3的标准呢?

  26. 永世的缘 08/06 10:54 评论:

    哈,根据这篇日志,我也修改成功,通过CSS验证了。谢谢博主呀。

  27. lowkey 08/11 03:46 评论:

    那我也是尝试下,看看能不能通过,呵呵~!

  28. 大睢宁 11/02 13:30 评论:

    我申请了好几次都没有成功

发表评论