html – 有空锚标签可以吗？

概述我知道如果我想将图像转换为可点击链接,我可以执行以下 *** 作： <a href="http://twitter.com/username"><img src="icons/twitter.png" /></a> 但我更喜欢使用CSS背景图像,以便我可以拥有悬停状态： <a class="twitter" href="http://twitter.com/username"></a># css.t 我知道如果我想将图像转换为可点击链接,我可以执行以下 *** 作：

<a href="http://twitter.com/username"><img src="icons/twitter.png" /></a>

但我更喜欢使用CSS背景图像,以便我可以拥有悬停状态：

<a  href="http://twitter.com/username"></a># CSS.twitter{display:block; wIDth:16px; height:16px; background:url("twitter.png")}

这工作正常,但我不确定有一个什么都不包含的锚链接是完全有效的. Chrome和FF一样好,但我不确定其他人是否相同.

我意识到我可以在链接中放入一些文本,并使用text-indent隐藏它：-9999px,但我从未喜欢过这种方法,因为various reasons.我的代码是否跨浏览器兼容？

解决方法 这是有效的,但最好是你确实把东西放在那里并使用了类似的东西

Font-size: 0;

隐藏它.这样,如果有人没有CSS(例如屏幕阅读器),他仍然能够分辨出链接的内容.

Here’s a great article on the subject

总结

以上是内存溢出为你收集整理的html – 有空锚标签可以吗？全部内容，希望文章能够帮你解决html – 有空锚标签可以吗？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。