已解决所有警告项,即全部符合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/

您可能还喜欢:

发表评论