html页面中a标签href属性可以不写吗?

黄舟
发布: 2017-07-27 13:38:08
原创
4244 人浏览过

我使用一组a标签做tab切换,给a标签加上href="#"的话点击a标签总是会跳到顶部,加javascript:void(0)的话感觉有的时候点击的反应速度变慢,偶尔会卡,请教下各位如果a标签不加href会有什么影响,不符语义化或者对优化什么的有啥影响吗?

其实 href="#" 的话可以通过 preventDefault() 方法阻止默认的链接跳转行为
如果用 jQuery, 则可以

$("#myLink").click(function () {    // Your event handlers here
    return false;
});
登录后复制

一个 a 没有 href 也没有 tabindex 就不会被 tab 到HTML 4 认为没有 href (但是有 name) 的 a 是命名锚点HTML 5 认为没有 href 的 a 是链接占位符(反正对浏览器来说行为都是一样的

javascript:void(0)会卡真的只是你的感觉吧。如果这么纠结href,为何一定要用a标签呢

当然可以不加,不加的话就不是超链接了,会丢失超链接的一些特有性质,比如css样式

a标签的href其实可写可不写,如果你想让他不跳转,方法有如下:
1.href="javascript:viod(0)";或者href="javascript:;"
2.在其点击事件设置,如

a.onclick = function(){    return false;
}
登录后复制

3.归根结底的本质:为什么点击之后会跳转,因为这是a标签的默认行为,可以通过阻止他的默认行为来实现。

a.onclick = function(e){
    e.preventDefault ? e.preventDefault() : e.returnValue = false;
}
登录后复制

a标签如果不加href属性的话,仅仅不能够导航,在网站的设计的时候,很多情况下会用a标签做一些其它的事情,比如按钮,就看你自己喜欢怎么使用了。

可以不加,但有些浏览器鼠标样式就没有手势了,然后IE6下好像还有个什么问题来着,忘了·加个href="javascript:void(0);"吧

可以不加。只不过不加href,就不能跳转页面了,而且也没有手势

a不加标签的话就类似于span的作用...然后不能跳转等等。你要防止跳到顶部,可以采用javascript事件传递。在a属性里面为click添加事件比如 然后在script里面写function a(event){ event.preventDefault(); }就好了

点击a标签为了防止跳到顶部,或者加javascript:void(0)为了防止感觉卡,可以这样写 href="###" 。

以上是html页面中a标签href属性可以不写吗?的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板