我刚读过这篇文章,但我仍然不太确定选择的原因.我特别想明白到底什么是"内容"和"非内容/其他"图像的意思,为什么添加非内容图像时,我应该使用IMG的时候我加入的内容图像到我的网站和背景图片.
以下是我对"内容"和"非内容"形象的理解:
内容图像是动态生成的图像.例如,在其个人资料页面上显示的用户的图像和上传到照片库,博客等的图像.
非内容图像是那些作为网站设计一部分的非动态图像.如果你愿意的话,他们会被"烘烤".例如徽标,图像链接,图像按钮等.
如果我的定义是正确的 - 请告诉我他们是不是 - 那么在我看来,使用每个的原因如下(虽然这在链接的文章中并不完全明显,因此我的后续问题) :
非内容图像往往不会像内容图像那样发生变化.即徽标,按钮图像,图像链接等往往保持不变.只有在网站所有者决定重新设计网站时,才会更改它们.
另一方面,内容图像往往会经常变化.经常上传新图像,用户更改其个人资料图片和照片库等.
因此,由于内容图像的动态特性,它们需要一个img标记,可以通过网站驱动的任何技术堆栈动态修改.不那么频繁变化的图像不需要图像标签.它们可以直接从css文件中的站点设计资源加载,以提高性能和易维护性.
那是对的还是我错过了什么？
img标签可以通过SEO获取，并且可以使用alt，但background-image不能
所以，如果你想通过 google、bing 或其他方式获取一些图片，你应该使用 img 标签。