本文主要是介绍网页中用哪种空链接,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
1.对于空链接的处理一般情况下这三种比较常见:
1)<a href="###">链接一</a>
2)<a href="javascript:void(0)">链接二</a>或者<a href="javascript:void(0);">链接二</a>
3)<a href="javascript:">链接三</a>或者<a href="javascript:;">链接三</a>
以下有两篇文章对此讲解的不错:http://www.hujuntao.com/web/empty-links-difference-in-several-ways.html
http://www.zhangxinxu.com/wordpress/2013/01/why-use-href-javascript-void0/(下面的评论不错哦)
2.偶简单看了一下网站的处理方法:
1)谷歌的是:<a href="javascript:void(0)">链接二</a>
2)facebook的是:<a href="#" οnclick="hanshu(); return false;">facebook(这个链接居多)</a>或者
<a href="#" οnclick="hanshu(); return false">facebook(就比上面那个少一个分号)</a>
3)twitter的是:<a href=" ">twitter</a>或者<a href="#">twitter</a>(href=" "在IE下有问题,点击后竟然返回上一级目录)
4)看到YouTube的有一个是这么处理的<a οnclick="hanshu(); return false;">YouTube</a>直接忽略链接a的href属性,如:<a class="show-menu-link">返回</a>
3.关于空链接偶觉得比较喜欢YouTube的处理方式,直接忽略它的href属性,但要给它一个cursor:pointer;实在要用href的话,个人偏向于用<a href="javascript:void(0)">链接二</a>
如果后面有onclick,最好加上 return false;
后记补充:今天又看了一篇很不错的文章(http://www.zhangxinxu.com/wordpress/2013/01/why-use-href-javascript-void0/),看它的评论也挺有意思的,最后想想以后尽量避免出现这种情况,可以使用span标签嘛,再设置一下css属性cursor:pointer更好。
这篇关于网页中用哪种空链接的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!