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