月度归档:2010年04月

设置页面内的所有链接在新页面打开(blank)

今天遇到一个需求,原先页面设计的时候,设计的一个页面是在同一个网页中打开,可是后来发生变化,要求页面中所有链接在新页面中打开。可是如果逐个修改页面中链接效率是极其底的,于是想到能否通过向css样式一样的方式来实现页内的所有链接全部在新页面内打开,在搜索引擎中搜索一下,果然有这样的解决方案。

最终发现了一个这样神奇的标签,只需在网页head加入如下代码。网页中所有的链接就可以在新页面中打开了。

<base target=”_blank”/>

经测试,这个方法在Firefox,Chrome,IE(ie6)内核的浏览器中都有效。

总结:

就是如此简单的base标签,就可以实现我所要实现的效果,着实减轻了我的负担。HTML中还是有很多标签功能是很强大的,过段时间有必要自习复习一下HTML中的标签。看来每一项看似简单的技术,真的要做的极致,确实是需要长时间学习的。

死链的检测查询工具和解决方法

在网站中存在死链不但对于搜索引擎不友好,而且也是用户非常讨厌的,相信无论谁在打开一个链接等待N久之后被告知无法访问的时候都会产生强烈的反感情绪,会对那个网站失去兴趣。所以对SEO优化者或者网站编辑人员,预防和减少死链都是一件很重要的工作,此外我们还需要有一些检测网站死链的工具和解决死链的方法。

检测死链的工具:

1)如果你把自己的网站提交到Google网站管理员工具中,那么在网站管理员工具中Google会记录下索引你的网站过程中所遇到的死链。

2)Xune 是一个免费的桌面软件,会检测您整个网站的所有链接,并告诉您哪些是好的、哪些是坏掉的、哪些是超时的以及哪些是暂时无法连接上的,然后还会生成一份详细的报告给您。

3)Linkpatch.com  您注册了之后把一段代码复制粘贴到您的404 模板(404.php),然后您的博客一旦出现404 页面,Linkpatch 就会把这个消息通过邮件发送给您,算是错误报告吧。

4)Broken Link Checker(http://wordpress.org/extend/plugins/broken-link-checker/)   Broken Link Checker 是一个WordPress 插件,也是我目前最喜欢的死链接检测软件。它的优势在于不仅可以检测所有文章的死链接和重置链接,而且还可以直接在 WordPress 后台对这些链接进行修改。不过有一个不足的地方是,它只在您的WordPress 后台开着的时候才会检测,大懒虫一个。

解决方法

找到死链之后,就是去修改了,如果死链很多,那将是一件很头大的事情。所以最关键的还是要学会预防死链的产生,预防死链产生主要从以下几方面入手。

1)网站结构要事先确定好,不要等上线之后做出太大的调整,这样极易产生死链

2)一般情况下不要进行域名的迁移,如果一定要这样做那么注意做好301重定向

3)外联的添加要慎重,尤其是国内的站点,生死瞬息间。

4)定期进行死链检测,检测之后立马进行修正

5)设计一个SEO良好的404页面

6)最好不要使用图床,还是上传到自己的空间最安全

减少网页在IE中的错误–养成良好的编码习惯

相信凡是稍有实战经验的前端开发者,都对IE恨之入骨吧。虽然我不是专做前端的,但是也写过一些网页,调试过一些网页中常见的错误。IE的bug之多,我是领教过的。尽管如此,但是我们不能把我们在网页中的错误都归结于IE之过。毕竟IE早期的版本,开发的时间比较早,那时候网页开发的标准还不是很完善。有时候我们多注意些自身问题,也许就不会打开过多的IEbug的潘多拉魔盒。

总结的经验:

1)标签要正确的结束

在其他现代浏览器Firefox 、chrome等,如果网页中有未正确关闭的标签通常是不会破坏网页的布局的,但是在IE6中,如果有的标签没有正确的关闭,那么布局就会被打乱。所以如果遇到一个样式,无论自己怎么操作,IE6都置之不理的话,那么很可能就是标签未正确关闭所引起的。

2)尽量少的添加注释

在IE6中注释有可能触发一些样式错误,最常见的应该是li标签重复。所以添加注释虽然是一个很好的习惯,但是在HTML中添加注释的时候要小心一些。同时如果发现一些样式不是按自己的想法展现的,那么记住HTML中注释有可能触发IE6中的某些bug,从而引起样式的混乱。

3)body 中尽量不要添加内联样式

内联样式

<style type=”text/css”>

.webfuns.net{color:red;clear:both;}

</style>

以上这些IE错误我都遇到过,在这里总结出来。希望可以对刚进入前端开发的同学有些许帮助,尽量减少网页在IE中的错误。

参考文章:

1)Internet Explorer杯具历史

2)级联式样式表(CSS) 介绍

Ps:

同志们都积极的换IE8吧,因为做网页的需要我这里一直没有机会升级到IE8。

让我祈祷IE6早些死掉吧