首页 > SEO, WordPress, 老石心得 > 让自己的WordPress通过W3C的HTML和CSS校验

让自己的WordPress通过W3C的HTML和CSS校验

2009年3月16日

老石是典型的追求完美型,为了让自己的WordPress通过W3C的CSS校验,做了一个大胆的举动

今天老石对自己的博客进行了较大的改动,包括对WP主题的改动(翻译),和W3C的HTML验证通过。接下来,老石有点不太心甘,打算无论如何也要在今天把W3C的CSS校验也一并通过。

说干就干。首先在W3C的CSS校验网址查看了出错的地方。这才发现自己的主题使用的是CSS3,校验出来的错误是以下几行CSS代码,老石已经把它给找了出来。(在主题编辑的CSS文件代码中)

/* optional rounded corners for browsers that support it */
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;

老石看不太懂,最后一狠心,直接把它给删掉了。呵呵,或许方法比较粗暴,但为了那个可爱的W3C的CSS验证的图标,老石豁出去了。

回头有什么问题再改回来,或者等老石把CSS搞懂了再回头来看,这个代码是否可以改进而非简单的删除。呵呵。

附带说一句,据说通过W3C的HTML和CSS校验对SEO大有好处,尤其对与Yahoo SEO和Google SEO,目前对百度似乎效果并不明显。

P.S.通报一个好消息,刚才老石已经把W3C关于一个警告的消息也彻底搞定了,简述如下。

W3C CSS VALIDATOR 的警告信息: 91       body      Family names containing whitespace should be quoted. If quoting is omitted, any whitespace characters before and after the name are ignored and any sequence of whitespace characters inside the name is converted to a single space.

那么,我的WordPress主题CSS代码第91行的内容如下:

body {
text-align: center;
margin: 0;
padding: 0 0 15px 0;
font-family: trebuchet ms, arial, helvetica, sans-serif;  (这里是第91行)
background: #000 url(images/bgbody.jpg) top center no-repeat;
}

以老石今天的CSS学习进度,以及对原警告的大概猜测,应该是说对于我标注的红色字体因为包含空格,所以应该加一个引号。

简单,加上引号就是,再次验证,Oh,Yeah!通过!这下连警告信息都没了。小小的成就感。今天可以休息了。

现在你就可以在页面右方看到两个蓝色的可爱的HTML和CSS通过校验的标志了。赶快行动吧,也让你的WP早一日验明正身。呵呵

P.S. again. 不知为何,直接点击进去告诉2个错误,说在CSS 2.1版本中不存在其中的2个属性。转到CSS 3的验证,则可以正常通过。有点纳闷,怎么不可以直接显示CSS3的验证结果?谁可以告诉我呢?

老石 SEO, WordPress, 老石心得