为rel=external添加上target=”_blank”,实现在新窗口打开链接

如果需要在新窗口中打开链接,我们使用的方法是在a上加上taget=“_blank”,但这是不符合w3c的规范,在使用严格的DOCTYPE(xhtml1-strict.dtd)校验时,会提示“there is no attribute target for this element(in this HTML version)”的错误信息。

所以很多老外写的东西基本上就不会出现taget=“_blank”,就比如我现在使用的这个wordpress自带主题一样,他们替换的方案是使用HTML4.0新增的标签rel来表示,rel是用来表明链接和包含此链接页面的关系,以及链接打开的目标。rel有许多的属性值,比如next、previous,、chapter、section等等,还有我们用来拒绝搜索引擎蜘蛛向下爬行的nofollow(这一点很重要,在wordpress中,几乎所有的评论中的用户名的链接都是加了rel=nofollow的,所以想通过在博客中添加评论来增加外链都是徒劳的)。而我们现在要使用的就是rel=”external”属性,用来表示链接将在新窗口中打开。当然,这只是符合strict标准的方法,而并没有真正实现在新窗口开打链接,还需要javasscript的支持。
未完,继续阅读

不到长城非好汉

“不到长城非好汉”,我是冲着这句话去的。来北京将近三年了,还没游长城,总感觉心里缺了点啥。因为太懒了,所以一直拖着,拖到不能再拖的地步了,于是选择在2011的年尾,完成这个心愿,做一回“长城好汉”。

那天天气很好,天很蓝,暖暖的阳光,让人感觉特别舒服。但到了山脚下才发现,事情并没有想象中的那么完美,风很大,真像色狼一样,冻手冻脚的。去的时候没戴帽子,到山脚下匆忙买了一顶,嘿嘿,看起来还是挺不错的。
未完,继续阅读

css伪类

提到css伪类,不勉有些惭愧,从事网页制作两年了,竟然没把这个搞清楚。除了大家耳熟能详的在<a>标签里经常用到的那些,对其它的就知之甚少,今天就借此机会和大家一块学习,希望别见笑。

伪类可以看做是选择符在某个特殊状态下的样式。本文主要涉及到以下几种::link、:hover、:active、:visited、:first-child、:lang、:focus、:before、:after。
未完,继续阅读

webkit内核浏览器实现蒙版遮罩和动画效果

熟悉photoshop的同学都知道,它里面有蒙版遮罩层的效果,在webkit内核的浏览器中同样可以实现。在本文中我将使用以下几个标签,来实现图层蒙版和动画效果。

-webkit-mask

-webkit-mask属性非常强大,它让为一个元素添加蒙板成为可能,这和ps里面的蒙板功能是一样的。如下例所示:
未完,继续阅读

wordpress如何获取Akismet API Key

最近博客上出现了大量的英文评论,刚开始还觉得很高兴,后来觉得有点不大对劲,百度了一下,发现这些都是垃圾评论,之前博客自带Akismet插件,知道是用来处理垃圾评论的必备插件,可博客还无人知晓,也就没啥垃圾评论可言,现在想起来,就把他开启了。开启Akismet才发现需要Api Key。以下分享一下获取Akismet API Key的过程。
未完,继续阅读

border:none; 和 border:0;区别

浏览器解析:

border:0;  把border设为“0”,其意义是border-width:0;  但它的border-style 和border-color仍然存在,占用了内存。
border:none;  设为none即没有,浏览器对其不进行渲染,不占用内存。

兼容性差异

border:none;  当border为“none”时似乎对IE6/7下的标签button、input边框依然存在。
border:0;  当border为“0”时表现比”none”更有效,所有浏览器一致把边框隐藏。

wordpress随机文章,可放于任意位置

在博客的文章页面添加随机文章,不仅可以增强用户粘度,还可以把一些陈芝麻烂谷子的文章给时不时的翻出来,不至于沉下去。除了这下,还有一个更重要的作用,那就是当搜索引擎来爬你的文章的时候,每次都会有变化,同时还能增加文章内链。
未完,继续阅读