CSS：带背景图像的Div或图像标签

Question

据我所知，有两种主要方法可以将图像插入HTMl。

1. 您可以使用传统的图片代码，并通过＆＃34; src＆＃34;添加图片。属性。
2. 或者您可以通过background-image属性将图像作为背景图像添加到div标签。

有人可以解释使用这些方法中的任何一种的利弊吗？你什么时候使用其中一个？

Answer 1

如果您的图片是出于设计原因，最好将它们作为背景放置。但是，当您的图片是您的内容的一部分时，例如您的网站徽标或一些插图作为对您的文字的解释，您可以使用img标记。

Answer 2

我会说用css插入背景图片。根据我的经验，如果您可以将div的所有属性保存在一种语言中，那么它的读取效率更高，更容易阅读。然后，您可以编辑它们，而无需在编辑器中切换屏幕，除非您计划添加某种用户界面（javascript，jquery等）。