网站建设之空连接标准

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

原文地址:https://www.cnblogs.com/eurasiaxz/p/4213185.html