我有一个图像，我将动态填充src稍后与javascript，但为了方便，我希望图像标签存在于页面加载，但只是不显示任何东西。我知道<img src= " />是无效的，那么最好的方法是什么?
当前回答
我个人使用about:blank src，通过将img元素的不透明度设置为0来处理破碎的图像图标。
其他回答
简单来说，就像这样:
<img id="give_me_src"/>
在我看来，这些天最好的简短，理智和有效的空img src的方式是这样的:
<img src="data:," alt>
or
<img src="data:," alt="Alternative Text">
第二个例子显示“Alternative Text”(加上Chrome和IE中的broken-image-icon)。
"data:，"是一个有效的URI。空媒体类型默认为文本/纯。所以它表示一个空文本文件，相当于“data:text/plain”，
OT:所有浏览器都能理解纯alt。你可以省略=""，这在HTML规范中是隐式的。
我建议动态添加元素，如果使用jQuery或其他JavaScript库，它是相当简单的:
http://api.jquery.com/appendTo/ http://api.jquery.com/prependTo/ http://api.jquery.com/html/
再看看prepend和append。否则，如果你有一个这样的图像标签，你想让它有效，那么你可以考虑使用一个虚拟的图像，如1px透明gif或png。
<img src="invis.gif" />
gif是一个单像素的透明gif。这在未来的浏览器版本中不会中断，并且自90年代以来一直在传统浏览器中工作。
PNG也可以工作，但在我的测试中，GIF是43字节，PNG是167字节，所以GIF赢了。
另外，不要忘记Alt标签，验证器也喜欢它们。
正如评论中所写的，这种方法是错误的。
我没有找到这个答案之前，但根据W3规范有效的空src标签将是一个锚链接#。
示例:src="#"， src="#empty"
页面验证成功，没有发出额外的请求。
