我正在写一个非常简单的功能，只加载一组四个潜在图像所需的图像。我有一个基于大小的不同版本，并根据浏览器是否支持svg;所以我不想为每张图片加载潜在的*四个来源 - [* sometimes browsers load images even if display is set to none ]。
（ 注意：因为我正在写这个问题 - 我想也许我会以错误的方式加载这些图片，但这个问题仍然是。）
无论如何，我为每个需要的图片制作了img个标签，其中包含data-source个属性。目前他们都没有设置src，我还没有编写js来加载正确的。但是，无论如何Chrome都在加载图片。
当我在页面加载时查看图像时，浏览器为每个集合中的第一个图像创建了src属性，然后使用data-source的值为该图像填充该属性。
换句话说 - 第一张图片应该在浏览器中显示如下：
<img data-source="my-image.png">
但显示如下：
<img data-source="my-image.png" src="my-image.png">
事实上Chrome正在这样做吗？如果是这样，为什么？ （虽然我可以猜）。这是基于一些原则，它会导致网络开发人员合理地期望这种情况发生（例如“这就是数据属性对于傻瓜来说。”）？