没事瞎折腾,博客通过W3C校验

这两天双闲了下来,前一阵子的确是忙啊,所以没怎么更新。还是入正题吧!

w3c校验是用来验证你的网页是否符合web标准的,有html和css两样验证服务。我这主题刚出来的时候没注意这个,现在发现有几个错误就花了些时间折腾一番。

如果你用的是Firefox浏览器的话可以用webdevelop这款插件来校验你的html和css甚至是JavaScript。不过我们一般只须要搞定前两样就行了。在这里我把需要注意的几点提出来以做参考。

HTML:

个人感觉如果是html没通过校验那么90%的原因是标签没有合理嵌套,比如:ul里面只能嵌套li其它一些诸如p,div都不可以嵌套其中。检验的方法我偏向喜欢Dreamwerver提供的页面验证工具,提示的很到位。你可以把html抓下来在本地验证。w3c官方给的验证工具反而不怎么好用。

其它的一些就不常见了,比如:没写DOCYTYPE,标签没有关闭,没定义语言代码,图片没加alt属性等。这些自己写html的时候多注意一下就行了。

CSS:

相对于html的验证来说,css验证就简单多了。只要样式表语法正确并且没有用到CSS hack就可以通过校验了。注意我说的是CSS hack可不是CSS filter。我的兼容解决方案都是用att filter(属性过滤器)。就是一些可以通过校验的CSS选择器。比如:”*”,”+”,”>”这些可不属于css hack 哦。这是最正确的解决兼容性的方法了^!^

如果你不知道该用哪些过滤器的话可以去看我以前写的这篇文章:四个推荐使用的CSS过滤器均可通过css校验。

没事瞎折腾,博客通过W3C校验》上有 47 条评论

  1. 我的css验证是没问题,html在制作初期也可验证成功。现在不行了,家了广告代码后,有很多问题的!

  2. 已经挂上了,嘿嘿,我用的是pj的程序,留言板屏蔽http://字符的,想换成wp的,可是对php不是很了解,所以还在继续pj之路~

    • @阅城 哦。我刚开始写博客时也是用的PJ换WP有一年了哈。因为我比较对前端的东西感兴趣所以就搞成wp的了。

    • @阅城 真是很晕啊,我本来是去烦脑那儿做链接的,结果留言发表了几十次都是“有屏蔽的…”顺便就逛到你那儿了哈。

    • @A.shun 我看你博客里面的错误大多是html语法上的问题。比如:标签没关闭,img没alt,ul标签没有正确嵌套等。写文章时多注意一下就行了。

  3. 不错,我每次做页面的时候,刚开始可以通过验证,到后面标签多了就通过不了了,也懒得去改,感觉用火狐的那个工具验证还蛮不错了~~

  4. 我的前些时候通过过,现在不行了。标准不能太死板,就像你写个关于代码的文章,就会被认为出错了~

  5. 呵呵。这是形式上的东西。
    我也检测过百度和google的首页:
    CSS:百度有2处错误。google有1处。
    HTML:百度有39处错误。google有41处错误。

    • @王涛 嗯。校验的最大的好处可以避免一些语法错误。能通过尽量通过。搜索引擎访问量高它们只考虑页面流量最小化。

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

*

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

注意: 评论者允许使用'@user空格'的方式将自己的评论通知另外评论者。例如, ABC是本文的评论者之一,则使用'@ABC '(不包括单引号)将会自动将您的评论发送给ABC。使用'@all ',将会将评论发送给之前所有其它评论者。请务必注意user必须和评论者名相匹配(大小写一致)。