我有一个图像，我将动态填充src稍后与javascript，但为了方便，我希望图像标签存在于页面加载，但只是不显示任何东西。我知道<img src= " />是无效的，那么最好的方法是什么?
当前回答
我知道这可能不是您正在寻找的解决方案，但它可能有助于提前向用户显示图像的大小。同样，我不完全理解最终目标，但这个网站可能会有所帮助:https://via.placeholder.com
它很容易使用，并允许显示所需大小的空图像。 同样，我理解您不想展示任何东西，但这可能也是一个优雅的解决方案。
<img src="https://via.placeholder.com/300" style='width: 100%;' />
其他回答
根据Ben Blank的回答，我在w3验证器中得到这个验证的唯一方法是这样的:
<img src="/./.:0" alt="">`
根据本文，使用真正空白、有效且高度兼容的SVG:
src = " +:形象/ svg xml数据;charset = utf8, 3Csvg % 20xmlns = http://www.w3.org/2000/svg’排% 3C / svg %排”
与任何SVG一样，它的默认大小为300x150px，但是您可以在img元素的默认样式中使用它，因为在实际实现中任何情况下都可能需要它。
正如评论中所写的，这种方法是错误的。
我没有找到这个答案之前，但根据W3规范有效的空src标签将是一个锚链接#。
示例:src="#"， src="#empty"
页面验证成功，没有发出额外的请求。
我发现，简单地将src设置为一个空字符串，并在CSS中添加一个规则来隐藏损坏的图像图标就可以了。
[src=''] {
visibility: hidden;
}
如果你保持SRC属性为空，浏览器将发送请求到当前页面的url 如果不想要任何url，总是在SRC属性中添加1*1透明img
src="data:image/gif;base64,R0lGODlhAQABAAAAACwAAAAAAQABAAA="
