西安旅游景点大全_网络培训班 支部有感言_黄骅贴吧哪里有好玩的_web前端开发证书考试多少钱

今天要聊一个网站建设的小细节，A标签的空连接标准使用。

我们做开发时，标准的以三大类内核为准，webkit、MOZ、IE，这三类中不管在移动开发还是PC端的开发，都会经常遇到A标签为空的使用，那么怎样才是标准的写法呢？很多人会用#none、#、###，这样的写法代替，然后这样却是不严谨的写法。

空连接标准写法一

< a href=”javascript:void(0);”>昆明网站建设</ a >

其中javascript:void(0);为连接返回值为空的意思，是很严谨的写法；而如果用#none之类的代替，则实际意义为描点，如果你内面中含有ID为none的类，那么就会跨入到ID包含类位置，作用明显是冲突的，国内外不少标准的大网站也是使用这个写法的。

空连接标准写法二

换个思维，我们的A标签其实是一个空值，仅想有一个鼠标悬停样式的话，我们完全可以换用标签解决，如：

< style type = "text/css" >

.anone, .anone span{cursor:pointer;}

</ style >

< div class = "anone" onclick = "javascript:alert('昆明网站建设')" >亦家网络</ div >

< span class = "anone" onclick = "javascript:alert('昆明网站建设')" >昆明网站建设</ span >

以上示例不管你点击亦家网络还是昆明网站建设，都可达到要实现的效果，代表简洁标准；同时解决两个标准问题，一个是替换A标签改用DIV或SPAN这类语义不是很强的标签，用CSS修饰外加JS达到你的事件操作，效果是显而易见的。更为重要的是此写法兼容IE6，而上边的第一种直接在A标签内写的话如果iframe ajax数据载入可能会发现未知错误。这其中就是细节构建怎样的用户体验。

写在最后：关于A标签空连接的标准写法探讨在不同的应用中，我们会有更为合适的选择，但不管怎样，亦家网络写此文的目的地在于阐明，思维的转换与良好的写作习惯能大大提高用户体验。