用直接html或css定义图像会更好吗？

Question

如果我可以选择将图像直接插入到html或css中,比如说包含在图像中的链接我可以做...

<a href="#"><img src="#" alt="" width="" height="" /></a>

或者我可以......

<a id="img" href="#"></a>

#img {background: url('#') no-repeat; height: #; width: #;}

哪个更好？为什么？两者都按照需要工作,但加载时间等有什么不同,或任何考虑更好的做法？

Answer 1

当图像具有任何上下文含义时,在HTML中使用图像会更好......如果它是没有任何上下文含义的装饰图片,则使用CSS.CSS用于表示,HTML用于内容.

确定是否对图片使用HTML或CSS的最佳提示是: 如果我删除图片,网页内容是否仍然有意义？

HTML中的图像旨在提供上下文中的视觉含义,具有有意义的文本后退.应避免使用没有任何内容的A元素,因为其内容与链接有关系,对于浏览器和网络爬虫(例如Google bot).

仅将CSS图像用于装饰目的.否则会损害您的搜索引擎排名.始终为图像提供alt属性,确定最终访问者无法看到任何图像的内容.