Javascript 动态设置背景图像或创建img标签有什么区别？

查询可能有图像也可能没有图像的API时，设置

背景图像

或实际创建

img

标记的主要区别是什么

<div class="img" style="background-image:url(...)"></div>

vs

第二个选项可选择背景，这可能会损害设计。这也会损害定位。Imho并不总是第一个使用。和外部css。

如果图像不存在，则可能会显示一个损坏的图像标记。它还将触发“错误”事件。看

---

破碎的背景图像会“无声地”稍微失效。

背景图像是一种表现细节

前景图像是内容

---

如果图像改变了读者对文档的理解，那么它应该是

。如果只是装饰性的，则应使用CSS

您希望根据什么标准来评估“更好”？例如，跨浏览器的一致外观、易于维护、易于设计以实现特定外观等。

<div class="img"><img src="..." alt="#" /></div>