HTML – 跟进背景图像vs img标签

前端之家收集整理的这篇文章主要介绍了HTML – 跟进背景图像vs img标签前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

参见英文答案 > When to use IMG vs. CSS background-image?                                    31个
我刚读了this entry,但我仍然不太确定选择的原因.特别是,我想准确理解“内容”和“非内容/其他”图像的含义以及为什么我在添加内容图像到我的网站时使用img和添加内容图像时的背景图像.

以下是我对“内容”和“非内容”形象的理解:

内容图像是动态生成的图像.例如,在其个人资料页面显示用户的图像和上传到照片库,博客等的图像.

内容图像是那些作为网站设计一部分的非动态图像.如果你愿意的话,他们会被“烘烤”.例如.徽标,图像链接,图像按钮等

如果我的定义是正确的 – 请告诉我他们是不是 – 那么在我看来,使用每个的原因如下(虽然这在链接文章中并不完全明显,因此我的后续问题) :

>非内容图像往往不会像内容图像那样发生变化.即徽标,按钮图像,图像链接等往往保持不变.只有在网站所有者决定重新设计网站时,才会更改它们.
>另一方面,内容图像往往会经常变化.经常上传新图像,用户更改其个人资料图片和照片库等.

因此,由于内容图像的动态特性,它们需要一个img标记,可以通过网站驱动的任何技术堆栈动态修改.不那么频繁变化的图像不需要图像标签.它们可以直接从css文件中的站点设计资源加载,以提高性能和易维护性.

那是对的还是我错过了什么?

最佳答案
CSS用于描述表示语义(外观和格式).因此,如果你使用css来显示你的图像,那就意味着(理论上)你只显示那个图像,使一些元素看起来更好看或更好地表达自己.如果您将来更改网站的外观,您可能会考虑更改这些图片.

另一方面,内容图像将成为您网站信息/数据的一部分.如果您显示某些用户的照片,则与样式无关.它与用户的姓名,姓氏或年龄一样重要.

猜你在找的HTML相关文章