2007-12
23

你的首页通过XHTML验证了吗?

这些天又捣鼓了一下 blog,为了使我的首页(www.helloxudan.net)通过 W3CXHTML 验证。我个人还是很注重 Web 标准的,以前验证 blog 首页的时候没有通过,虽然我不能算是一个完美主义者,但是 blog 上一直运行着有错误的代码,我觉得心里很不舒服,于是这两天抽了点时间做了一些修改,基本解决了问题。

其实绝大多数 Wordpress 主题在原始状态都是通过了 XHTML 验证的,但是我们在使用的时候会在 blog 中添加很多新的东西,比如日志、图片、各种插件以及各种 widget 等,或者喜欢 DIY 的朋友会对主题做一些小小的修改来实现自己理想中的效果。这些因素都有可能使原来通过验证的主题出现一些 XHTML 错误,我主要就是解决了这个问题。

一个符合标准的 XHTML 文档有几点需要注意,这也是从 HTML 到 XHTML 主要的改变:

  1. 所有的 XHTML 标签都必须有一个相应的结束标记,标签必须闭合最容易被忽略的就是那些不成对出现的标签,例如 <img />,<input /> 等,最后一定要加一个“/”来闭合标签。
  2. 所有标签的元素和属性的名字都必须使用小写
  3. 所有的XML标记都必须合理嵌套
  4. 所有的属性必须都用引号”"括起来
  5. 把所有<和&特殊符号用编码表示

XHTML 验证中的常见错误:

  1. required attribute X not specified:标签中缺少必须的属性。最常见的就是缺少 <img> 标签中的 alt=”…” 属性和 <script> 标签中的 type=”…” 属性。
  2. end tag for X omitted, but OMITTAG NO was specified:标签没有关闭,也就是前面的第一条中提到的。
  3. XML Parsing Error,常见的主要有这两种错误:Opening and ending tag mismatch,标签的不合理嵌套;EntityRef: expecting ‘;’,一般都是由于在链接地址中出现了“&”字符,解决办法是把“&”替换为“&amp;”,前面最后一条提到的。

对于中含有 flash 的页面,由于一般都是用 <embed> 或者 <object> 标签,而这两个标签并不是标准的 XHTML 标签,所以就会无法通过验证,解决的办法就是使用 SWFobject 通过 JavaScript 操作 flash。不过这个办法比较麻烦,我认为不适合对出现在 blog 日志中的 flash 使用,所以如果我的日志中包含有 flash 的话(主要就是视频了),是通过不了验证的,呵呵。

哦,对了,XHTML 验证的地址是:http://validator.w3.org/ ,感兴趣的朋友也可以去验证一下。如果没有通过,千万不要被那几十个甚至几百个错误给吓住了,因为很多错误都是级联产生的,当你解决了一个前面的一个错误之后,也许后面的错误也会消失很多。

2007-12
20

视频:越狱第三季下半部分预告片(第9集之后)

越狱第三季已经停播了一个多月了,后半部分(从第9集开始)将在2008年1月14日继续播出,越狱的粉丝们能做的只有慢慢等待了。今天看到了后半部分的预告片,就分享出来吧。

这段视频没有字幕,我的听力不怎么样,有很多细节还是不懂。具体的情节还是耐心地等待正式播出以后吧。

2007-12
19

方便的翻译工具:Gtalk语言翻译bot

Google 发布了一系列 Gtalk 语言翻译 bot(机器人),在你添加这些 bot 作为好友之后,它将会自动翻译你发送给它的消息。这些翻译 bot 有30个,每一个分别对应两种语言之间的翻译,它们有:

ar2en, bg2en, de2en, de2fr, el2en, en2ar, en2de, en2el, en2es, en2fr, en2it, en2ja, en2ko, en2nl, en2ru, en2zh, es2en, fi2en, fr2de, fr2en, hi2en, hr2en, it2en, ja2en, ko2en, nl2en, ru2en, uk2en, ur2en, zh2en。

我想我们大部分都会使用 en2zh (英译汉)和 zh2en (汉译英)吧。这些 bot 的翻译结果和 Google 翻译的结果是一样的,效果还不错,呵呵。

gtalk-bot-zh2en

gtalk-bot-en2zh

使用方法很简单:在 Gtalk 中添加 zh2en@bot.talk.google.com 和 en2zh@bot.talk.google.com 为好友(其他语言类似),然后和它聊天,把要翻译的话发送过去,就可以收到翻译的结果,很方便。

2007-12
18

WordPress主题的一点小优化

Wordpress 的执行效率一直为人们所不满,我也觉得这是 Wordpress 的唯一比较明显的缺点。我不怎么懂 PHP,对于 Wordpress 的底层结构和数据库查询操作也不很了解,但是,我可以通过修改 Wordpress 的主题(或者叫模版)来实现一些 WP 的优化。本文参考了博客学堂的《Wordpress性能优化入门》,适用于 WP 新手,高手请略过。

WP 模板的设计者一般都会在模板中大量使用 WP 提供的函数来兼容每个用户,但对于我们用户来说,完全没有必要这样,可以通过修改模板,把这些函数更改为静态的内容。从而既减少了页面生成时间,又降低了服务器的负担,何乐而不为?

从头到脚修改,先看 header.php,不出意外的话,一般的模板 <head> 中都会有以下代码:

<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
 
<link rel="stylesheet" href="
<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="
<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="pingback" href="
<?php bloginfo('pingback_url'); ?>" />

页面的编码我们一般都使用 UTF-8,所以,以许许如生为例,我可以把它改为对应的如下静态 HTML 代码:

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 
<link rel="stylesheet" href="http://www.helloxudan.net/wp-content/themes/coolblue/style.css" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="许许如生 RSS Feed" href="http://feed.feedsky.com/helloxudan" />
<link rel="pingback" href="http://www.helloxudan.net/xmlrpc.php" />

当然,也可以把 <div id=”header”> 中的

<h1><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1>

修改为:

<h1><a href="http://www.helloxudan.net">许许如生</a></h1>

至于 description 中的内容,如果你经常改动的话不建议改为静态。

然后是 index.php,这里的内容一般都是动态的,不需要做什么改动。如果你的页面中需要显示作者的名字(<?php the_author(); ?>),可以直接替换为名字,可能也需要在 single.php 中做同样的修改。

下面是 sidebar.php,如果你和我一样喜欢修改 sidebar.php 文件来调整侧栏的话,可以直接把 php 中的打印语句直接修改为内容。例如:<h2><?php _e('Categories'); ?></h2> 可以直接改为 <h2>Categories</h2> 。每个人的侧栏都不相同,其他的地方就根据自己的需要修改了。

footer.php 中,如果出现了 blog 的名字(<?php bloginfo('name'); ?>),RSS 地址(<?php bloginfo('rss2_url'); ?>)等,也都可以替换为相应的静态内容。

到这里,WP 模板优化已经基本完成了,我已经把大部分能修改为静态的内容都修改了,再进一步就要动用静态化插件了。WP 的优化是一项比较复杂的任务,优化模板只是很小的一部分,继续学习高深的东西吧。

2007-12
16

《色戒》未删节版下载

色戒

veryCD 上终于放出了《色戒》完整版的下载,下载地址(未成年人勿入):

http://lib.verycd.com/2007/12/16/0000174042.html

一直没有机会观看完整版的朋友们,涌啊。

据说发这些比 SEO 有用多了,专门测试一下效果,哈哈。看看这些关键词:色戒,完整版,未删节版,高清晰版,下载。很好,很强大。

@2007-12-17 更新:TLF 版的也出来了,地址:http://lib.verycd.com/2007/12/16/0000174103.html