网页中用哪种空链接

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="#" onclick="hanshu(); return false;">facebook(这个链接居多)</a>或者

<a href="#" onclick="hanshu(); return false">facebook(就比上面那个少一个分号)</a>

3)twitter的是：<a href=" ">twitter</a>或者<a href="#">twitter</a>（href=" "在IE下有问题，点击后竟然返回上一级目录）

4)看到YouTube的有一个是这么处理的<a onclick="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更好。

 

转载于:https://www.cnblogs.com/anns/p/3388331.html