如果我可以选择将图像直接插入到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属性,确定最终访问者无法看到任何图像的想法.
