很多朋友提到W3C标准这个问题都非常麻木,或不愿意往这方面去想,一堆堆页面的错误让人看了就没胃口,其实W3C标准的实现并没有那么可怕,只是我们没有认真分析,好多错误都是连贯性质的,纠正一个就可以少好多处错误,或者说没有一款好工具帮我们分析页面的错误所在,在这里向大家推荐一款火狐浏览器的HTML验证插件HTML Validator。
下载地址: https://addons.mozilla.org/zh-CN/firefox/addon/249

HTML Validator 图标
上图中右下角的三角幸警示标志就是HTML Validator,如果当前页面存在错误,图标就会变为警示标志,当鼠标移动到上边时,还会有错误个数的统计等信息,并不会影响网页的加载速度,当然你也可以将它关闭,需要的时候在打开。

html_validator工作界面
这就是HTMl Validator的工作界面,它巧妙的将错误信息输出窗口设计在了源码查看窗口中,充分利用了空间,在HTMl Validator中,错误分为3种: Error(错误),Warning(警告),Info(提示信息);其中第一种通常会影响到页面的显示效果! 当然还有针对不同的浏览器加以甄别。当你点击错误信息的其中一条时,右侧的窗口会列出错误名称,错误原因,标准例子,参考资料等,很是齐全。 与此同时源码窗口会跳到错误出现的地方!很是方便!
HTML Validator插件和w3c网站自己的标准化错误提示完全是两个概念,W3C官方页面提示HTML页面错误非常笼统,并不能让人理解的很透彻,而且很容易将站长弄的一头雾水,反而HTML Validator插件却正好解决了这个问题,HTML Validator插件将HTML的错误细致化,而且大多部分HTML页面错误的问题能够提供纠正方法。HTML Validator插件可以很清楚的看到HTML页面代码每一行每一处的错误,并提出通用解决方案!

html_validator选项
如果哪些朋友还在为通过W3C页面标准而发愁不如试下这款火狐HTML Validator插件,当然是用前提必须是火狐浏览器,在插件里搜索HTML Validator按提示安装上即可!
搜索引擎不收录博客内容,有时候我们只能干着急,原因很多很复杂。不过我们可以通过下边的代码来记录搜索引擎对你的网站的访问记录,可以从中找出问题所在,于便于解决问题。
用插件固然可以实现,不过插件也有弊端,太多的会造成载入速度的下降,插件间的冲突等,所以能使用代码实现的就一定要用代码来实现。
这个监测搜索引擎蜘蛛爬行记录的代码,其实很简单就一个文件:请看http://www.hiw3c.com/wp-content/uploads/robotscode.txt。
原理:各大搜索引擎的蜘蛛爬行程序都有自己的标识符,例如谷歌的是googlebot,百度的是 baiduspider,它们可以通过查询_SERVER变量中的HTTP_USER_AGENT参数来获取,再结合HTTP_REFERER记录下 URL的来源,最后用 nowtime()函数取得当前的系统时间,就形成了一条简单的擎蜘蛛爬行记录。
看不明白的朋友可以跳过,其实代码许多年前网上就有人共享出来了,我们重点学会如何使用就可以了。
使用: 然后将上面贴出来的robots.txt文件另存为robots.php,当然你可以任意给它取个名字,例如123.php或者aaa.php 都行,只要保证扩展名是php,让它能够正常执行即可;然后上传到你的网站程序的模板目录中(例如Wordpress的是/wp-content /themes/hiw3c目录);最后在你的模板文件中调用它,例如在Wordpress博客中,你可以在footer.php文件中添 加<?php include(’robots.php’) ?>代码。
接下来就是等待搜索引擎蜘蛛到你的网站来爬行了,爬行的结果记录在网站根目录的robotslogs.txt中,你直接打开 http://www.hiw3c.com/robotslogs.txt就能看到了。当然你也可以修改robots.php文件的第50行,把robotslogs.txt换成任意你想要的名字。
通过一段时间的监测,你就可以发现搜索引擎蜘蛛在你的网站上爬行的频率了,一般来说,蜘蛛爬行得越勤快越好。另外,如果你的robotslogs.txt记录的内容太多了的话,你可以清空它重新开始记录。
春节过年回家,经常用手机上博客来看看,今天突然想到WP有没有什么插件可以直接让手机访问的的呢。上网找了下,还真有,于是就为我的博客装了个手机访问插件WP-T-WAP,实现手机访问我的博客的功能。
大家要是觉得无聊,可以拿起手机到我博客溜达溜达
手机访问地址 http://www.hiw3c.com/wap/ 或者 http://wap.hiw3c.com/
国内正在打造3G网络,我们也将进入网络的3G时代,所以,在以后的时间内,用手机上网应该会非常的流行,在迎接3G时代到来时,我们也要为我们的博客做点什么,做什么呢?呵呵,也就是能让别人通过手机浏览到我们的博客,让博客变得更有价值,顺便也时髦一下。
WP-T-WAP是WordPress的插件,用于实现网站的手机浏览与管理功能。
插件的WordPress地址:http://wordpress.org/extend/plugins/wp-t-wap/
用法:
1. 安装
解压到plugins目录(plugins/wp-t-wap/*.*),然后启动插件即可通过类似“http://www.hiw3c.com/wap/”或“http://www.hiw3c.com/wap/index.php”的地址访问。(注意:必须有读写WP站点根目录的wap目录的权限,否则,将安装失败。)
2. 更新
将新的WP-T-WAP插件目录覆盖旧的WP-T-WAP插件目录,然后“禁用”WP-T-WAP 插件,再“启用”WP-T-WAP 插件,即完成更新。
3. 设置
WP网站后台的“常规设置”->“WAP 插件”里(WP 2.5 中稍有不同),可设置“显示方式”、“自定义标题”和“版本信息”。
4. 绑定域名
直接将域名绑定到WP站点根目录的“wap”目录上。例如,WP站点根目录是/usr/http/www,那么应该将wap.hiw3c.com域名绑定到/usr/http/www/wap目录上。(一般先在网站的“虚拟主机”管理界面中绑定域名到目录,然后到“域名管理”中添加域名解析)
最新特征:
* 续写日志(文字和图片)
* 支持imax-width插件
* 支持Wordpress MU
功能 (最新版本):
* 浏览、添加、修改、删除文章
* 浏览、发表、删除、审批评论
* 发布图文日志(发布时附带一张图片)
* 单个文章分页显示(在需要分页的地方添加分页的HTML代码)
* 日志保存为草稿
* 显示相邻文章链接
* 首页显示最新评论
* 首页显示热门文章(需要安装WP-PostViews插件)
* 相关文章(需要安装WP 2.3 Related Posts插件)
* 分类文章列表
* 标签文章列表
* 自定义WAP网站标题
* 中英文双语国际化
* 域名绑定
* 支持Wordpress MU
* 支持imax-width插件
大家一起来试试看 O(∩_∩)O~
如果你开了博客,那么有一件事是你一直追求的,那就是SEO(搜索引擎优化),除非你写博客是做日记本,自写给自己看。通过一定的SEO,比如为关键字tag添加内部链接,来优化你的博客,提高你的搜索引擎收录和排名是一定需要的。搞博客有一阵子了,对SEO的重要性也有了一些体会,最近针对自己的博客,尝试了几个Auto Keyword Link插件(关键字自动链接插件),试图建立内部链接。建立内部链接对网页排名是有好处的,就算不能提高网页排名, 建立内部链接也能增加一些页面浏览量,即提高PV。如果在发布文章时手动添加链接效果会很好, 大家也都这样做,但是文章多了,也搞不清楚到底有无写过相关的文章,搜索起来比较麻烦,再加上WP博客人中,不乏懒人吧!懒的去做这个的话,今天在这里就 给发家分享几个自动为tag添加内部链接的WordPress插件。
SEO Smart Links插件:
介绍:SEO Smart Links可以通过一次性的设定文章、页面或留言出现的关键词,通过关键词的加入,使得我们把某些关键词链向知道的POST URL上,从而提供这个POST的权重,它匹配的项目包括文章链接、页面链接、分类链接和标签链接。
- 可设置是否添加“nofollow”属性, 是否在新窗口中打开链接.
- 可手动指定关键词和对应的URL链接.
- 可设置每个页面最多自动添加几个链接
- 可设置要忽略的关键词
不过自动为关键词添加链接对中文支持并不友好.
Keyword Link Plugin插件:
为你的wordpress博客添加关键词的链接,更多的内链和外链,更好的SEO! 并且你可以自由设置“不追踪链接”、“第一次有效”、“新窗口链接”、“忽略大小写”这些功能,使用起来很灵活,比如可以为你的Tag增加自动关键词链 接,这样在正文出现时同样有效。给文章加上内部链接有利于增加搜索引擎收录。面向所有的wordpress中文用户。完美支持中英文关键词。 英文原版下载| 中文版下载
Alinks 插件:
通过预先设置关键词和对应的链接即可. 之后文章中出现设置过链接的关键词, 则会自动添加上. 可以设置每页最多添加多少个关键词, 链接是否在新窗口中打开, 自定义链接图标, 链接点击统计功能。
Link A Dink插件:
半自动的链接插件. 和Alinks插件的使用差不多, 通过手动设置关键词和对应的链接, 然后你以后写文章时会自动为该关键词添加链接.
WordPress2.9.2是一个安全更新,WordPress对这个BUG的解释是:注册并登陆WordPress的一般权限用户可以在后台看到其他用户放进回收站的文章。
而安全更新发现者Thomas Mackenzie对这个BUG的描述是:WordPress不限制URL访问权限BUG。
此BUG在2010年2月6号被发现,BUG在2010年2月13日正式发布,非官方的补丁也在当天同期发布。而在两天之后,WordPress官方发布公告并发布官方修复BUG补丁程序。
Hiw3c.com这里想指出WordPress官方不厚道的地方,每次这种安全更新都不详细的说明需要更新的版本,虽然WordPress官方是在推广WordPress最新版本,但是不是每个WordPress用户都在使用WordPress最新版,也不是每个用户都想使用WordPress最新版本。
如果你当前使用的WordPress版本>= 2.9,请升级到WordPress 2.9.2。
如果你当前使用<2.9版本的WordPress,那可以无视这个BUG。
此BUG的详细情况:WordPress >= 2.9 Failure to Restrict URL Access
WordPress官方已经更新到WordPress 2.9.2,此次更新不影响语言包的使用。
WordPress2.9.2下载地址:http://wordpress.org/latest.zip(请使用非P2P软件下载!)
至于是否升级到WordPress2.9.2,各位自己决定即可!
在输入框里面预设一段提示文字,当焦点在输入框的时候清空这段文字,这在目前来说已经不是什么新鲜事了。淘宝的搜索框就用到了这样一种设计:

<input type="text" id="q" value="请输入关键字" />
<script type="text/javascript">//<![CDATA[
$("#q").onfocus = function() {
if ("请输入关键字" == this.value) {
this.value = "";
}
};
$("#q").onblur = function() {
if ("" == this.value) {
this.value = "请输入关键字";
}
};
//]]></script>
这段代码有两个很明显的缺点:
“请输入关键字”这段提示共出现了3次,一旦要改这段文字就得改3个地方,维护显得非常不便。
为了性能优化,我们会把javascript部分放到页面末尾。然而,像门户网站首页这种代码量很大的页面,末尾的javascript很可能会延时1-2秒执行。在这段时间内,即使焦点在输入框内,提示文字也不会消失,用户需要手动删除这段文字再输入内容。
淘宝的输入框则采取了另一种做法,它不把这段提示文字作为输入框的value值,而是放在另一个标签内,再用绝对定位把这段文字叠到输入框上:

从上面的代码可以看到,提示文字在label标签内,这样做有两个好处:
- 良好的结构性。既不是div不是span,对input的说明就应该用label。
- 良好的用户体验。由于设置了for属性,当用户点击label的时候,就会自动focus到输入框。
javascript要控制的其实就是label的显示和隐藏,再也不需要管那段提示文字的内容了:
$("#q").onfocus = function() {
$("label[for=q]")[0].style.display = 'none';
};
$("#q").onblur = function() {
if ("" == this.value) {
$("label[for=q]")[0].style.display = '';
}
};
javascript是简洁了,但用户体验呢?在javascript执行前,那段提示文字也是无论如何都不会消失,用户也是想删掉这段文字,但是他们删不了,因为这些文字实际上并不在输入框内,而他们输入的内容会被提示文字挡住了。我个人认为这给用户带来了很大的疑惑。