Think Again » W3C http://www.thinkagain.cn Inspire thinking, inspire creativity, inspire future. Tue, 31 Aug 2010 15:42:47 +0000 en hourly 1 http://wordpress.org/?v=3.0.1 WordPress Hacks:解决晒SPAM数无法通过W3C验证…续 http://www.thinkagain.cn/archives/987.html http://www.thinkagain.cn/archives/987.html#comments Wed, 20 Aug 2008 12:11:57 +0000 山之岚 http://www.thinkagain.cn/?p=987 假设您已经阅读过上文，对于此问题背景的来龙去脉有所了解。此文将正式列出问题的解决方法。很简单。在此之前，继续啰嗦下。其实我很早就hack了akismet的部分代码使之生成的显示spam数的方框能通过W3C验证。一直觉得没有什么意义将如何如何写出来，因为大部分的网友都不会去重视这个问题的。

直到最近在googlefish的网站上看到，她对W3C验证以及akismet等的一些文章，难得一个女孩子(没弄错吧)能讨论这些技术话题，觉得还是将此问题挑出来吧。假设欲解决此问题的网友已经略懂php和html代码，否则头晕脑胀别怪我啊。

先来分析下，用文本编辑器打开akismet.php查看其源代码。Akismet的晒SPAM数方框是由akismet_counter()函数提供的，widget是由widget_akismet_style()函数提供。问题在于，这个函数被调用时，会自动生成css代码。而这是不允许的，因为xhtml规范规定css必须在header内被加载，所以首先要把这部分css移调。然后再适当修改下生成方框的html代码。以akismet_counter()为例，介绍下具体的代码修改。

1. 将akismet_counter()源代码中的css定义手动复制到模板的css中，然后将该部分代码删除。

源代码中的css定义部分：

   1: <style type="text/css">
   2: #akismetwrap #aka,#aka:link,#aka:hover,#aka:visited,#aka:active{color:#fff;text-decoration:none}
   3: #aka:hover{border:none;text-decoration:none}
   4: #aka:hover #akismet1{display:none}
   5: #aka:hover #akismet2,#akismet1{display:block}
   6: #akismet2{display:none;padding-top:2px}
   7: #akismeta{font-size:16px;font-weight:bold;line-height:18px;text-decoration:none}
   8: #akismetcount{display:block;font:15px Verdana,Arial,Sans-Serif;font-weight:bold;text-decoration:none}
   9: #akismetwrap #akismetstats{background:url(<?php echo get_option('siteurl'); ?>/wp-content/plugins/akismet/akismet.gif) no-repeat top left;border:none;color:#fff;font:11px 'Trebuchet MS','Myriad Pro',sans-serif;height:40px;line-height:100%;overflow:hidden;padding:8px 0 0;text-align:center;width:120px}
  10: </style>

注意，必须指定好背景图片的地址。文中background:url(<?php echo get_option(‘siteurl’); ?>/wp-content/plugins/akismet/akismet.gif)这句代码。

2. 修改生成方框的html代码。这里将源代码的方框html代码部分贴出来。

源代码：

   1: <div id="akismetwrap">
   2:     <div id="akismetstats">
   3:         <a id="aka" href="http://akismet.com" title="">
   4:             <div id="akismet1">
   5:                 <span id="akismetcount">
   6:                 <?php echo $count; ?>
   7:                 </span> 
   8:                 <span id="akismetsc">
   9:                 <?php _e('spam comments') ?>
  10:                 </span>
  11:             </div>
  12:          <div id="akismet2">
  13:              <span id="akismetbb">
  14:              <?php _e('blocked by') ?>
  15:              </span><br />
  16:              <span id="akismeta">Akismet</span>
  17:          </div>
  18:          </a>
  19:      </div>
  20:  </div>

修改后：

   1: <div id="akismetwrap">
   2:     <div id="akismetstats">
   3:         <div id="aka">
   4:             <div id="akismet1">
   5:                 <span id="akismetcount">
   6:                 <?php echo $count; ?>
   7:                 </span>
   8:                 <span id="akismetsc">
   9:                 <?php _e('spam comments') ?>
  10:                 </span>
  11:             </div>
  12:             <div id="akismet2">
  13:             <span id="akismetbb">
  14:             <?php _e('blocked by') ?>
  15:             </span>
  16:             <br />
  17:             <span id="akismeta">Akismet</span>
  18:             </div>
  19:         </div>
  20:     </div>
  21: </div>

注意对照下，我用<div>替代了源代码的<a>。

修改后的akismet_counter()函数：

   1: function akismet_counter() {
   2: $count = number_format(get_option('akismet_spam_count'));
   3: ?>
   4: <div id="akismetwrap">
   5:     <div id="akismetstats">
   6:         <div id="aka">
   7:             <div id="akismet1">
   8:                 <span id="akismetcount">
   9:                 <?php echo $count; ?>
  10:                 </span>
  11:                 <span id="akismetsc">
  12:                 <?php _e('spam comments') ?>
  13:                 </span>
  14:             </div>
  15:             <div id="akismet2">
  16:             <span id="akismetbb">
  17:             <?php _e('blocked by') ?>
  18:             </span>
  19:             <br />
  20:             <span id="akismeta">Akismet</span>
  21:             </div>
  22:         </div>
  23:     </div>
  24: </div>
  25: <?php
  26: }

修改后的代码产生的效果是和源代码一模一样的。却可以正常通过xhtml和css的w3c验证。akismet是由matt等WP原创人员开发的，除了wordpress外，还提供了其它平台的服务。但不知为什么他们写的插件也竟然不考虑w3c规范问题，因为这个问题其实很容易解决的。直接将该css写到header的hook里面去就可以了。wp的一些内置函数生成的代码也存在无法通过W3C验证的问题。如此文谈到的wp_get_archives函数生成的下拉框问题等。

Akismet的代码修改到此为止。有兴趣的可以自己手动修改看看。

我这里想要总结的却并不是akismet的问题了。从这个例子可以得知，活用css的属性使得网页不用加载js就可以生成很多效果。如上面的akismet的这个仅仅是利用了css的2个属性，hover和display。就可以实现显示内容切换了。单单利用css也可以做出很多非常炫的效果，如下拉或折叠菜单，图片切换等等。更多的css活用等着您去挖掘。

挖得越深，收获的就越多。

评论11:

11.2008.11.29.8:28.am. Jinwen: 最近把自己网站也弄上这个，确实累人，只换得页脚的两个链接 :neutral:

10.2008.08.22.2:29.pm. shamas:

9.2008.08.22.12:14.pm. 浮黑: 新插件不少人在等啊

8.2008.08.21.11:11.am. 山之岚: @Yacca 那就满足下你的好奇心，收到的回复邮件，就是现在还在调试中的新插件。等解决几个bug后，即将放出来了。 :mrgreen:

7.2008.08.21.10:34.am. Yacca: @山之岚 另外插件... 好奇心吊上来了...

6.2008.08.21.9:27.am. 山之岚: @googlefish 难怪看你的站上有诸如琪琪吃饭十大招之类的文章。呵呵。p.s，你所提到的那个hot friends的添加到分类的功能，估计还得再等几天再弄了。手头上正在调试另外一个插件。 :razz:

5.2008.08.20.11:13.pm. ddkk3000: @googlefish 你的女儿博客，难得发现她的影子，还是改名叫琪琪老爸吧。

4.2008.08.20.9:49.pm. neekey: 那个“@”图片不明显啊，我刚才还以为是按Gravatar图标呢。

3.2008.08.20.9:48.pm. neekey: 晕乎。现在谁都给女儿弄博客呢

2.2008.08.20.9:03.pm. MY-Hou: 你老又把人家七尺男兒誤成姑娘了 :oops:

1.2008.08.20.8:39.pm. googlefish: 呵呵,谢谢提供解决方法. 另外,打击你一下,你弄错了. 琪琪的空间是我女儿的空间,今年上幼儿园. :lol: :lol:

推荐阅读

2008.08.20.1:52.pm. Wordpress Hacks: to 解决晒Askimet SPAM数无法通过W3C验证问题 (24)

2007.10.23.10:31.pm. 10005 SPAM COMMENTS (3)

2007.09.15.10:41.pm. 继续修改模板 (4)

2007.05.03.7:17.pm. Akismet反垃圾留言 (0)

2009.01.03.4:57.pm. Wordpress插件: WP Smilies (42)

2008.12.19.12:20.am. 12行代码给Wordpress主题挂上AJAX (34)

2008.12.07.9:51.pm. Hot friends新增支持用户自定义头像显示 (63)

2008.10.27.9:52.pm. 从更新hot friends和mailtocmmenter谈起 (33)

Copyright © 2010 | Think Again | 原文链接

]]> http://www.thinkagain.cn/archives/987.html/feed 11 WordPress Hacks: to 解决晒Askimet SPAM数无法通过W3C验证问题 http://www.thinkagain.cn/archives/986.html http://www.thinkagain.cn/archives/986.html#comments Wed, 20 Aug 2008 05:52:05 +0000 山之岚 http://www.thinkagain.cn/?p=986 此文谨献给爱晒SPAM数的人。比如说，看这篇文章的您，因为您要不是正想解决这问题要不就是有想晒SPAM数的念头。嗯，还有我，以及A，B，C君。no spam

言归正传，SPAM这玩意，就不用在这里进行名词解释了。到网络上搜一搜，Wordpress的Anti-SPAM插件有一大箩筐。然则，个人以为内置的Akismet插件可以说是一个最优秀的Anti-Spam插件之一。它像一堵防火墙，会很老实地帮用户过滤掉高达9*.*%的SPAM外(难免有漏网之鱼)，还内置了函数和Widget供用户来晒SPAM数。

不大明白什么是晒SPAM数？看看本页面的页脚就知道了吧。也就是有一个蓝色小方框，上面晒着挂插件起到现在为止的SPAM数。嗯，我的么，已经超过7.5w了。按理说，树大招风，可我这小庙也没供什么大菩萨，这SPAM还是日渐日增。估计博客的日独立访问ip可能还没有日SPAM数的增长速度快。

其二，说说W3C验证，通常涉及最普遍的有二种，xhtml和css验证。前者是指网页是否符合定义的标准要求。后者是网页加载的css是否符合W3C标准(css1.1或css2.1)。进行xhtml验证时，验证引擎会加载网页内容，然后根据header部分的第一行定义，如本页面为：

   1: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

定义本页是根据xhtml 1.0 transitional标准编制的。当然，strict版更严格。本站的模板本身是符合w3c的xhtml和css规范的，但是由于加载了thickbox效果，所以无法通过css验证，索性也将wp_addbookmark都挂上半透膜效果。xhtml方面，首页是没问题的，文章页，因为加载了自己正在编制的一个评论邮件插件(注意下面的@按钮)，所以无法通过。另外xhtml规范对flash支持不好，所有内嵌flash(包括视频，如youtube的)的网页都无法通过。

那么有没有必要编制通过w3c验证的网页呢？这么说来着吧，对于普通用户而言，这点重要性不算太大。因为要通过w3c验证的话，除了在使用的插件和模板生成的html代码符合规范外，编写文章时候也必须要注意这方面问题，总之，很烦很啰嗦。不过用Windwos live writer写文章会自动帮用户解决这问题，不过要记得在要设置好选项。

然而对于其它一些高级用户，比如说，嗯哼，我以及A，B，C君等，对自己的站点有变态要求等。当然这个是笑话，个人觉得W3C验证还是很重要的，因为规范的页面生成DOM文档，能有助于搜索引擎理解网页内容。可能会有助于所谓的SEO。我一直对SEO不是抱太大兴趣。国内搜索出来的相关SEO文章，大部分都在谈meta keyword之类的。似乎SEO就是弄这些东西，被这些单调重复的东东倒了胃口。当然这些都是我的个人理解。对错由您来定。

闲扯了半天，这些都是前奏，理解了上述写的一大堆废话，才能明白为什么要做这件事情以及写这篇文章的必要性了。现在开始拉开正文序幕。

嗯，接着写下去，文章太长了。欲知详情，下回分解。

p.s，别拿转头扔我。鲜花是可以接受嘀。

评论24:

24.2008.10.21.7:50.pm. 无聊空间: Akismet我前两天才启用，确实不错，至少没了英文spam了，世界清净了很多

23.2008.08.24.6:49.pm. Charles: AT all 最好让文章作者来审核。 还有 为什么你 AT askie我也收到了呢？奇怪啊

22.2008.08.24.12:14.pm. ddkk3000: 我觉得与其这样，干脆不要在下面的注意中写“@all"的说明了

21.2008.08.24.12:12.pm. 山之岚: @ddkk3000 插件设定只要出现@all就会群发邮件。刚才18和19，还有20的你里面都含有@all了，估计上面的几个朋友已经收到3封邮件了。赶紧到后台将此选项关闭掉先。后台里面可以设置@all的权限，如管理员或注册用户等，方可使用@all。

20.2008.08.24.12:04.pm. ddkk3000: @山之岚 thinkagain兄，为什么18楼的同学没有“@all+空格”我都收到邮件了？

19.2008.08.24.12:00.pm. 山之岚: @askie 嗯，这个@all 如果开启的话，的确会造成邮件泛滥。我在后台设置了可选项，用户自行决定吧。

18.2008.08.24.11:54.am. askie: @all测试这样子会否垃圾泛滥！

17.2008.08.21.2:18.pm. Charles: 都7w多了，简直是 :evil: :evil: 我还是棵小树苗呢 :neutral: :neutral:

16.2008.08.21.10:14.am. Yacca: 写这么多还只是扯开了序幕...-.-

15.2008.08.21.9:25.am. 山之岚: @shamas 批评一下，没有看文中说明。这些error主要是因为正在测试的一个插件造成的。 :razz:

14.2008.08.21.8:37.am. shamas: 好像这个博客没有通过验啊,我点了下有42处ER

13.2008.08.20.7:25.pm. googlefish: 呵呵,是的.强大的akismet在前台显示部分居然不能通过w3c的验证,我试着改了一下,虽然通过了验证,但效果不是很理想,我想它前台的效果主要是通过css实现鼠标划过切换不同层的效果就可以了,剩下的就是要聆听thinkagain给我们讲讲如何实现这个效果或者有更好的办法.期待中......

12.2008.08.20.7:10.pm. mygtd: 用机器SPAM易防，如果人工来呢？

11.2008.08.20.7:04.pm. Yanxc: 相对而言，我的SPAM基本都被忠实的Akismet拦截了。我还是相当满意的。 高深的SEO境界就是化有形为无形。这样也有利于用户的体验，起码让他们可以尽快找到自己需要的内容。 我们讨厌的只是黑帽SEO，连GOOGLE也是提倡SEO优化的。

10.2008.08.20.6:51.pm. MY-Hou: 用验证码又感觉会烦到来留言的朋友...唉

9.2008.08.20.6:28.pm. ddkk3000: @山之岚 2008-08-20 16:16:25:@MY-Hou 2008-08-20 15:44:35:对Akismet总体颇满意的，但它今天就给我漏了俩... :sad: akismet似乎也会间歇性抽风，有时候问题比较严重，漏网的比较多。有的时候又不会，相对那些被拦住的，这个概率可以算非常低了。 这个框架怎么显示成4楼那样？

8.2008.08.20.6:27.pm. ddkk3000: @ddkk3000 2008-08-20 18:20:35:暂时应该没有其他语言的留言，所以把中文以外的全挡了。 我怎么框架不正常？

7.2008.08.20.6:20.pm. ddkk3000: 暂时应该没有其他语言的留言，所以把中文以外的全挡了。

6.2008.08.20.5:12.pm. shamas: 顶起,直到下文出现……不过我没晒这个出来，主要是那个放到我的里面颜色不搭配，只好作罢，我也只管功能，能挡住就行了。漏网之鱼暂且只过了数十条，还行！

5.2008.08.20.4:35.pm. neekey: 以前我用Akismet的时候常有前台直接给漏过的，后来用了验证码，只有Trackback偶尔有SPAM了。看来以后要搞个伪装更好的的Trackback URL

4.2008.08.20.4:16.pm. 山之岚: @MY-Hou

2008-08-20 15:44:35:
对Akismet总体颇满意的，但它今天就给我漏了俩... :sad:
akismet似乎也会间歇性抽风，有时候问题比较严重，漏网的比较多。有的时候又不会，相对那些被拦住的，这个概率可以算非常低了。

3.2008.08.20.3:44.pm. MY-Hou: 对Akismet总体颇满意的，但它今天就给我漏了俩... :sad:

2.2008.08.20.2:32.pm. 山之岚: @neekey Akismet在我站上工作的非常好。少有漏网和误判的。大部分的spam都是通过接口的，你的这种做法可以无法解决trackback spam的。

1.2008.08.20.2:28.pm. neekey: Akismet，个人感觉真的很一般，漏网鱼和误判远远大于正确判断，所以我还一直用自己的SidXSpam验证码，简单容易（不过偶尔也有俄国的人肉SPAM，下回改成中文验证码，让他们SPAM去）

推荐阅读

2008.08.20.8:11.pm. Wordpress Hacks:解决晒SPAM数无法通过W3C验证…续 (11)

2007.10.23.10:31.pm. 10005 SPAM COMMENTS (3)

2007.09.15.10:41.pm. 继续修改模板 (4)

2007.05.03.7:17.pm. Akismet反垃圾留言 (0)

2009.01.03.4:57.pm. Wordpress插件: WP Smilies (42)

2008.12.19.12:20.am. 12行代码给Wordpress主题挂上AJAX (34)

2008.12.07.9:51.pm. Hot friends新增支持用户自定义头像显示 (63)

2008.10.27.9:52.pm. 从更新hot friends和mailtocmmenter谈起 (33)

Copyright © 2010 | Think Again | 原文链接

]]> http://www.thinkagain.cn/archives/986.html/feed 24 继续修改模板 http://www.thinkagain.cn/archives/721.html http://www.thinkagain.cn/archives/721.html#comments Sat, 15 Sep 2007 14:41:27 +0000 山之岚 http://www.thinkagain.cn/archives/721.html 继将CSS修改符合W3C规范后，今天花了点时间，也将模板代码修改完毕，通过W3C XHTML 1.0 Transitional验证。若不是好友风暴轻狂的提醒，我自己以前还从未注意过这些验证问题。不过狂兄最近似乎比较忙，很久没看到他的狂言了。

一直对自己现有的模板不太满意，无论是布局还是配色。且因为编写该模板时，自己刚接触Wordpress，不说php，当时连对html和css等基本不懂，几乎是边写模板，边查资料这样编过来的，所以很多地方都不符合规范。用W3C的在线XHTML检查，会查出多达几百个错误。本想花点时间重新写一个模板，计划回归2栏布局，昨天和Oxygen聊天，他告诉我，这是“审美疲劳”现象。回过头，想想也是，当初”首个3 columns WordPress模板制作完毕!“时，也曾是无比兴奋。

今天是周六，研究室人比较少，难得清静。于是就挂上耳麦，边听”辛晓琪的爱的回答”，开始修改现有模板代码。一动手，马上就发现不少问题，禁不住开始要骂TMD了。看来不仅仅是我的代码，很多插件生成的代码等通不过W3C验证，随便列举几个：

插件生成的代码无法通过验证：

Akismet提供的Spam数查看代码；

WS Download Manager生成的下载框代码；

Pagenavi提供的下拉页面显示框代码；

 

WordPress提供的下拉存档显示框代码无法通过验证，wp_get_archives函数，WP官方提供的dropdown Box代码：

<select name=“archive-dropdown” onChange

=‘document.location.href=this.options

[this.selectedIndex].value;’>

<option value=“”>

<?php echo attribute_escape(__(‘Select Month‘)); ?>

</option>

<?php wp_get_archives(‘type=monthly&format=option&show_post_count=1

‘); ?> </select>

其中onChange是大写，但Xhtml中所有元素必须是以小写形式出现，所以务必将onChange改为onchange。

 

 

Windows Live Writer编写的代码无法通过验证：

WLW自带的表格编制功能编制的表格中，会自动生成unSelectable=”on”，务必将该代码删掉。

WLW的图片编辑功能，有的会自动生成atomicselection=”true”，必须删除该代码。

WLW插入图片，均为<img src=”**”>，此种写法，虽可以正常显示图片，但规范的写法是<img src=”**”/>，即每个img必须要有闭合符号/。

 

还有，Google Adsense Search代码无法通过验证，只好暂替换为WP自带的站内搜索了。Youtube提供的视频内嵌html代码也无法通过验证。这个不完全是Youtube的问题，因为Youtube的flv视频属于flash，而Xhtml对flash的支持较差。除了以上的一些问题外，其实只要在编制模板的时候，小心注意下，都能通过W3C的验证。总结了些，希望能够有所帮助，如：

1.页首，一般在header.php内，一定要有文档类型声明，如下面代码将文档声明为XHTML 1.0 Transitional。

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”

“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

<html xmlns=http://www.w3.org/1999/xhtml

 <?php language_attributes(); ?>>

<head profile=“http://gmpg.org/xfn/11″>

<meta http-equiv=”Content-Type” content=”

<?php bloginfo(‘html_type’); ?>;

 charset=<?php bloginfo(‘charset’); ?>” />

 

2.代码中的每个元素的前后标签必须都有，且前后标签内必须包含内容，即不能存在空元素。如<ul></ul>是非法的，且<p><p>****</p></p>之类的重复嵌套也是非法。

3.诸如<br><hr>等标签必须包括闭合符/，如<br>是非法，而正确的是<br/>。

4.img元素必须包括alt属性，否则将视为错误。

5.所有元素都应该以小写形式出现。

6.&符号，必须以&amp;形式出现等。

晚上将目前首页内含的8个文章的html代码都修改了，除了含有ws download下载框和youtube视频外，其它的几篇都可以通过W3C验证。拟将几个页面代码修改下，其余文章就算了，任其自然吧。重要的是从现在开始要注意所发文章的代码了，因为习惯用WLW写文章，而WLW竟然存在这么多兼容性问题，所以以后每篇文章发布前都要检查下其html。看来用WLW等编辑软件离线发布文章时，最好要养成检查html代码的习惯。

修改模板的同时，顺手将最新留言的函数Hack了，原来留言只部分留言内容，现在改为显示留言者名字和留言内容。稍微调整了下侧边栏和页脚的显示内容，挂上了W3C XHTML和CSS验证标志，嘿嘿，以及CreativeCommon的版权说明logo。接下来打算安排点时间，将站内搜索改为Google Ajax Search，以及继续修改模板的CSS。今天只修改了菜单栏的字体显示效果，改天要来个大动作，将颜色搭配等修改下。

评论4:

4.2007.09.24.9:31.am. 山之岚: 狂兄说得对。我也开始糊涂，模板到底该怎么弄了。

3.2007.09.23.8:44.pm. yuanzhu: 模板真的不错，尤其是上面的标题画

2.2007.09.23.1:40.pm. ddkk3000: 模板越简单越不易疲劳，字体越大越方便阅读。边栏越少越好，否则游客不会看，而且不容易集中阅读，影响视觉啊。

1.2007.09.18.12:29.pm. Shaoqing: 还是别改成两栏了。我采用的是两栏，SIDEBAR太多东西，拉得很长，感觉不是很好。 最新留言栏，改得不错啊，比之前的好。 另外，自带的日历样子实在太看，不会修改，我还是没用它。

推荐阅读

2008.09.09.8:58.pm. Wordpress Hacks:WP2.2版后中文邮件标题乱码解决方法 (22)

2008.07.27.10:44.am. Wordpress Hacks:如何关闭WP2.6的主题预览 (17)

2007.12.08.10:50.pm. 如何使用Wordpress内置的分页（Nextpage）功能？ (50)

2007.10.31.12:42.pm. Wordpress Hacks:升级2.3.1可能出现邮件提醒失效的解决方法 (20)

2007.10.22.11:05.pm. Wordpress Hacks: 在新窗口中打开评论者链接和no follow属性 (16)

2007.09.11.8:43.pm. CSS通过W3C验证 (5)

2007.08.21.8:44.am. 图文介绍如何在本地服务器安装Movable Type 4.0 (13)

2007.06.11.3:55.pm. WordPress解决Flickr图片显示方法 (3)

Copyright © 2010 | Think Again | 原文链接

]]> http://www.thinkagain.cn/archives/721.html/feed 4 CSS通过W3C验证 http://www.thinkagain.cn/archives/707.html http://www.thinkagain.cn/archives/707.html#comments Tue, 11 Sep 2007 12:43:19 +0000 山之岚 http://www.thinkagain.cn/archives/707.html 晚上写extended summary实在是无聊之极，打开FF又逛到了Blog上。回想起曾和风暴轻狂谈过CSS的W3C验证问题，自己的模板虽然是通过了W3C的CSS验证，但提示竟然有多达58个Warnings。趁着兴头，将模板的style.css下载了下来，对着W3C的Warning，一个个给它修正过来。嘿嘿，功夫不负有心人哪，花了近1个小时，顺利搞定，现在模板的CSS可以完全通过W3C的验证了，Warning一个都没有。有兴趣，点此检查下。

对照着Warnings，发现很多问题都是出现在颜色的定义和诸如hover、active等伪类的定义上。也懒得多花时间去刨根问底，只是简单做了些Hacks。凑合着用吧。等下次改版重写CSS时再注意细节。

评论5:

5.2008.12.19.9:26.pm. 山之岚: @WEB 这个是因为折叠目录那个插件生成的代码的问题。升级到2.7后，似乎这个插件工作有些不大正常。回头要修改下。

4.2008.12.19.12:12.pm. WEB: Result: 1 Error Line 415, Column 10: ID "parent_3" already defined. LZ文件类别宣告是过渡标准（Transitional） 用 严格标准（Strict）试验哈～

3.2007.09.13.10:59.am. Shaoqing: 我的估计不少ERRORS.唉

2.2007.09.12.8:34.pm. 山之岚: Warning无所谓，error就不大好了。 嘿嘿，刚才帮你测了下，有4个errors，不过都是颜色定义的，很容易改掉。

1.2007.09.12.8:22.pm. ljhui: 我用的那个主题.有这么多前辈在用就该不会存在Warning的问题.

推荐阅读

2007.09.15.10:41.pm. 继续修改模板 (4)

2008.09.09.8:58.pm. Wordpress Hacks:WP2.2版后中文邮件标题乱码解决方法 (22)

2008.08.20.8:11.pm. Wordpress Hacks:解决晒SPAM数无法通过W3C验证…续 (11)

2008.08.20.1:52.pm. Wordpress Hacks: to 解决晒Askimet SPAM数无法通过W3C验证问题 (24)

2008.08.03.11:23.am. 鸟儿早起 (43)

2008.07.27.10:44.am. Wordpress Hacks:如何关闭WP2.6的主题预览 (17)

2007.12.08.10:50.pm. 如何使用Wordpress内置的分页（Nextpage）功能？ (50)

2007.10.31.12:42.pm. Wordpress Hacks:升级2.3.1可能出现邮件提醒失效的解决方法 (20)

Copyright © 2010 | Think Again | 原文链接

]]> http://www.thinkagain.cn/archives/707.html/feed 5