gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-04 13:44:08 26 4
gpt4 key购买 nike

是否有可能使 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>

最佳答案

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

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

...具有以下HTML:
<a href="#" title="IMAGE TEXT">IMAGE TEXT</a>

关于xhtml - XHTML anchor 链接,带有背景图片,无文字,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4748454/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com