如何让你的Wordpress符合web标准

随着XHTML标准的推广,使您的站点符合web标准成为了一件越来越重要的事情。那么什么是web标准呢?简单说就是不用HTML+table来设计页面,改用XHTML+CSS来实现。现在您可以通过W3C验证网站去验证一下您的站点首页是否符合W3C标准。

怎么样,没想到会一下子出现几十甚至上百个不符合标准的情况吧?也许您会问为什么一个存在这么多不符合标准的代码的网页能够被IE和Firefox正确地显示出来呢?原因是许多不符合W3C便准的代码,比如说插入flash常用的”embed”,它其实是Netscape的一个私有标签,从HTML3.2一直到HTML4.0和现在的XHTML都没有收录这个标签,只不过浏览器的编写者为了使自己编写的浏览器能被大多数人使用而加入了识别”embed”的功能,这就好比少如人大多是情况下要服从于多数人的想法,即便这个想法是错误的(忽然想到了今天看到的一个《被中国人误传了数千年的七句话》)。

那么既然能正确显示,那么我们的页面代码为什么一定要符合W3C标准呢?既然是标准,那么就肯定有它制定的道理。XHTML标准首先来说增强了代码的严密性,也就是说降低了错误的出现率。其次,如果大家的代码书写都遵循一个规范,比方说编写java或C代码的时候遵守一定的缩进、空格和换行的规范,会使程序的可读性大大增加,迎合了当今的互联网共享的趋势。最后,也是因为可读性的增强,对于浏览器的开发也就有了一个与代码编写规范对应的规范标准,避免了由于IE不完全支持W3C标准而使一个页面在现在的IE和Firefox中显示效果不同的问题。

好了,切入正题,如何才能让您的Wordpress符合W3C标准呢?首先看一下W3C标准的说明。说明中已经详细的说明了各个代码部分的书写规范,下面我来说一下针对Wordpress的注意事项:

1.修改“博邻”生成的代码

您可以通过注册“博邻”获得一段代码,加入网页中就能有像本站右下角“博邻”的效果。但是这段代码是不符合W3C标准的,因为它含有”embed”标签。其实这个标签在这段代码中是没有用的,因为”object”已经能够实现”embed”的功能了,只有在极个别的情况下,比如说使用了很老版本或者很特殊的不支持”object”插入flash的浏览器浏览的时候,才会执行”embed”部分,因此需要把从<embed>到</embed>部分删除。

2.尽量使用一个链接分类,或者自己编辑sidebar.php实现连接表

这可能是wordpress的一个问题,或者是一些主题的问题,在使用了1个以上链接分类的站点,生成的页面代码中会在每个链接分类的标题处添加’id=”link”‘(其实没什么用)的代码,而多次添加这个代码是不符合标准的。可以自己编写链接表,放到侧边栏(sidebar.php),很简单的。

3. 部分插件的问题

部分插件,如Arctic’s Internal Alexa Redirect生成并嵌入网页的代码格式是如”<a herf=’http://…..’>”这样的,这也是错误的,W3C中规定任何值的属性都应是使用双引号(”")标注。修改插件对应部分代码即可。

4.后台编辑文章的问题

WP的后台对上传并插入图片的操作没有明确的提示需要为图片加入”alt”属性。在W3C标准中,每一个图片都要有”alt”属性。要手动加入。

5.使用windows live writer的问题

windows live writer是一个很方便的离线撰写工具,但是它的图片插入功能也有问题。默认情况下,它会给每个图片都添加’id=”id”‘的一个无用属性,就像上面说的,这个属性只能在一个页面中出现一次,否则就会被视为违反了标准。需要手动删除。

6.阿里妈妈广告代码

阿里妈妈广告代码的第一行:<script type=”text/JavaScript”> ,需要把”JavaScript”中的字母全部改为小写(不违反政策)。

今天我终于完全修改了我BLOG的所有不符合标准的代码,总结出了以上5点需要注意的地方,陆续可能会有补充。点击查看本页面的准验证

订阅本站dfeed 如果您喜爱本站的内容,希望第一时间了解本站的更新 请订阅本站的RSS!

并且请牢记本站订阅地址: http://feed.sediyer.com/

tags: , ,

文章分类: 互联网

3 条评论 对于 “如何让你的Wordpress符合web标准”

  1. 老兄,我的代码通过了 Strict 验证,可是你只通过了 Tranditional。 ;-)

  2. 如果按你说的把我插件代码改掉的话会出问题的 -__-b

  3. to 北极冰仔
    是啊 我也没改好……先停用了 有什么办法么?你是怎么做的?
    而且我这个主题是基于XHTML 1.0 Transitional设计的……我尝试修改没有成功

留下您的评论