xhtml - XHTML anchor 链接，带有背景图片，无文字

Question

是否有可能使 anchor 链接内部没有具有背景图像和固定尺寸的文本，并且仍然适合SEO？

CSS示例:

a{display:block;width:50px;height:20px;background-image:url('images/background.jpg');background-repeat:no-repeat;background-position:0 0;}

a:hover img{background-position:0 -20px;}

HTML示例: <a href="#"></a>

Answer 1

如果图像中包含文本，或者您只想添加其描述，则可以帮助SEO和辅助功能的一件事是给 anchor 定标题和带有较大负文本缩进的内容，例如将其添加到a CSS :

display:block;
text-indent:-9999em;

...具有以下HTML:

<a href="#" title="IMAGE TEXT">IMAGE TEXT</a>