页面加载时的http请求，即使显示无

Question

<div style="display: none;">
<img src="mypic.jpg" alt="My photo">
</div>

即使我在父容器（div标签）上有'display：none'，为什么图像会在页面加载时发起http请求？

Answer 1

它启动了一个http请求，因为display: none只隐藏了内容，但图像仍然在页面上，您需要根据您的要求/条件通过JavaScript动态添加图像。

Answer 2

display: none引用用户界面，而<img />标记在html中呈现标记时执行http请求。