html - 有一个空的 anchor 标签可以吗？

Question

我知道如果我想将图像变成可点击的链接，我可以执行以下操作:

<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")}

这工作正常，除了我不确定拥有一个不包含任何内容的 anchor 链接是否完全有效。 Chrome 和 FF 都可以很好地渲染它，但我不确定其他人是否也一样。

我意识到我可以在链接中放置一些文本，然后使用 text-indent: -9999px 隐藏它，但我从来不喜欢这种方法，various reasons .我上面的代码跨浏览器兼容吗？

Answer 1

它是有效的，但最好是你确实在其中放了一些东西并使用了类似的东西

font-size: 0;

把它藏起来。这样，如果某人没有 CSS(例如屏幕阅读器)，他仍然能够大致判断链接的内容。

Here's a great article on the subject