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

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

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

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

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

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

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

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

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

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

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

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

总结

以上是内存溢出为你收集整理的HTML – 跟进背景图像vs img标签全部内容，希望文章能够帮你解决HTML – 跟进背景图像vs img标签所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。