用直接html或css定义图像会更好吗？
发布时间：2020-12-14 18:31:15 所属栏目：资源 来源：网络整理
导读：如果我可以选择将图像直接插入到html或css中,比如说包含在图像中的链接,我可以做… a href="#"img src="#" alt="" width="" height="" //a 或者我可以…… a id="img" href="#"/a#img {background: url('#') no-repeat; height: #; width: #;} 哪个更好？为
|
如果我可以选择将图像直接插入到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属性,确定最终访问者无法看到任何图像的想法. （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |