今天要聊一个网站建设的小细节,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标签空连接的标准写法探讨在不同的应用中,我们会有更为合适的选择,但不管怎样,亦家网络写此文的目的地在于阐明,思维的转换与良好的写作习惯能大大提高用户体验。