html – 有空锚标签可以吗?

前端之家收集整理的这篇文章主要介绍了html – 有空锚标签可以吗?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我知道如果我想将图像转换为可点击链接,我可以执行以下操作:
<a href="http://twitter.com/username"><img src="icons/twitter.png" /></a>

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

<a class="twitter" 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相关文章