« 山寨手机在天涯的连载软文近期zblog优化的SEO感想 »

隐藏超链接的方法分享

文/Bansi 发表于:2009-6-18 14:20:42
版权声明:可以任意转载,转载时请务必以超链接形式标明文章原始出处和作者信息。
http://sem80.com/blog/web/hide-hyperlinks.html

什么是超链接
所谓的超链接是指从一个网页指向一个目标的连接。它的表现形式通常是:蓝色下划线(系统默认)文本,鼠标移动上去以后会出现一个小手,单击以后则会跳转到指向的目标链接了,浏览器状态栏显示其目标链接地址。

所以,要隐藏超链接。一种是完全隐藏或是没办法识别,让用户看不见;一种是看得见,但没办法辨认出是超链接。实际上,无论哪种方法,就是让超链接失去它原有的表现形式。


隐藏超链接的方法


1、完全隐藏
使用CSS的display:none的属性对元素进行隐藏。(使用display:none隐藏文字是否是作弊)
示例代码:<a style="display:none" href="#">链接文字</a>

2、去除超链接的表现形式
首先是用CSS控制鼠标移动上去的样式,使之放上去后跟普通文本一样,然后是文字样式修改为普通文本颜色。接下来是解决鼠标点击链接后的跳转问题,使用JS语句控制onclick单击事件,让它返回一个return false后就不会有跳转行为了。

示例代码:
<a onclick="return false;" style="cursor:text;text-decoration:none;color:#333" href="http://www.baidu.com" >aaaa</a> 
将代码保存为.htm格式,然后在浏览器中打开,然后点一下链接看看是否还会跳转。

相关文章:

已有5人发表了评论

Hafid
1楼的Hafid(http://hafidxu.com ) on 2009-6-19 12:54:04 say:
"去除超链接的表现形式"
这种方式很有新意阿。
style="display:none" 还是少用为妙。
Bansi 于 2009-6-21 21:04:31 回复
Hafid 说的是。display:none这个倒是不要直接用内联样式写法。只是这里是单独讨论如何隐藏超级连接,所以就没提那个js方式进行样式控制隐藏。那种方式对于SEO来说是比较安全的。已经弄了好几个这样的连接,没看到什么负面影响。

哦~~~!空了,我也弄下评论的样式,顺便把连接也直接指向,不经过function进行跳转。

001over
Awang
2楼的Awang( ) on 2009-6-22 16:52:43 say:
确实有新意。
去除原有表现形式确实是种好方法。
cho
3楼的cho(http://blog.cho.org.ru/ ) on 2009-10-2 23:01:29 say:
斜体的评论看起来费眼睛……
leopoincare
4楼的leopoincare(http://www.lopoincare.cn ) on 2009-12-6 21:56:01 say:
有没有什么搜索引擎接收的方式,把链接隐藏一下?
Bansi 于 2009-12-9 19:42:25 回复
这个直接使用JS方式控制链接的现实方式进行隐藏就可以了,目前还比较安全。如果你想更安全,我个人觉得可以使用层遮挡,在链接所在层进行一层遮挡,或是图片或是flash或是简单的白色图层都可以。

001over
leopoincare
5楼的leopoincare(http://www.lopoincare.cn ) on 2010-4-6 18:54:41 say:
谢谢解答!

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

发表评论: