我有一个图像,我将动态填充src稍后与javascript,但为了方便,我希望图像标签存在于页面加载,但只是不显示任何东西。我知道<img 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规范中是隐式的。

其他回答

正如评论中所写的,这种方法是错误的。

我没有找到这个答案之前,但根据W3规范有效的空src标签将是一个锚链接#。

示例:src="#", src="#empty"

页面验证成功,没有发出额外的请求。

根据Ben Blank的回答,我在w3验证器中得到这个验证的唯一方法是这样的:

<img src="/./.:0" alt="">`

简单来说,就像这样:

<img id="give_me_src"/>

我个人使用about:blank src,通过将img元素的不透明度设置为0来处理破碎的图像图标。

在我看来,这些天最好的简短,理智和有效的空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规范中是隐式的。