javascript - SRC属性为空且性能不佳

Question

最近我读到了 Nicholas C. Zakas 的这篇文章:

http://www.nczonline.net/blog/2009/11/30/empty-image-src-can-destroy-your-site/

它表示 IMG 和 SCRIPT 文件中的空 SRC 属性可能会导致性能不佳。我的问题是:

如果根本没有 src 属性，是否仍然存在相同的性能问题？

示例:

<img id="image" />

此外，浏览器将如何解释这一点？上面的代码会有问题吗？

非常感谢您的帮助。

Answer 1

这是来自 a very old version of the HTML spec :

SRC (Source)

The SRC attribute specifies the URI for the image to be embedded. Its syntax is the same as that of the HREF attribute of the tag. SRC is mandatory.

@src是必需的，所以如果您有 <img>缺少@src ，那么它就不是有效的 HTML。虽然浏览器非常宽容，但在这种情况下他们会做什么可能是特定于实现的。

编辑:from HTML 5 spec :

The src attribute must be present, and must contain a valid non-empty URL potentially surrounded by spaces referencing a non-interactive, optionally animated, image resource that is neither paged nor scripted.

所以，一个 <img>缺失或为空 @src不是有效的 HTML。

据我所知，HTML 5 仍然没有指定浏览器应如何处理缺少的 src 属性，尽管它确实说了:

If the src attribute is not set and either the alt attribute is set to the empty string or the alt attribute is not set at all

The element represents nothing.