已解决所有警告项,即全部符合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. 0cai 08/04 04:59 评论:

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

  2. 0cai 08/04 05:00 评论:

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

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

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

  4. 0cai 08/05 01:10 评论:

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

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

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

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

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

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

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

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

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

Comment navigation