<img src=""> img标签的src为空的缺陷

原创于 2016-08-03 15:52:11 发布 · 1w 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#img-src

本文探讨了HTML中IMG元素的SRC属性为空或缺失时的行为差异。不同浏览器如Firefox、IE6、IE7对此有不同的处理方式，特别是重复加载的问题。文章还提供了一种避免重复加载的解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在img 对象的src 属性是空字符串(“”)的时候，浏览器认为这是一个缺省值，值的内容为当前网页的路径。浏览器会用当前路径进行再一次载入，并把其内容作为图像的二进制内容并试图显示。
对于不同的浏览器测试后，发现对于有无src 或者src 是否为空的情况，还不尽相同，测试结果如下表。
代码 Firefox IE6 IE7

<img src="" /> 会重复载入 会重复载入 会重复载入
<img src /> 会重复载入 正常 正常
<img /> 正常 正常 正常

如果为了编程需要，希望指定一个img的src为空值，具体图片路径未来再填入，那正确的方法如下。这样可以避免网页被重复载入。

<img />