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

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

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

或者我可以……

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

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

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

解决方法

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

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

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

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

原文地址：https://www.jb51.cc/html/226178.html