Question

更新：简而言之，我的问题既不是data-u，data-src2，也不属于任何data-*属性本身。我的问题是，使用data-src2属性会使我的img标记没有 src 属性，这是w3c的问题。

当然它不会赢:)但我想知道是否有解决方法？

为了记录，是的，我已经提到jssor提及w3c验证的问题：

我正在使用来自jssor slider的jssor（我必须感谢他的优秀作品及其关于滑块的快速答案），并通过{{1}使用延迟加载图片}如jssor the reference page中所述，w3验证器显然抱怨图像没有data-src2属性：

元素img缺少必需属性src。

我相信pass html Validation (against w3c standards)页面应该包含一个关于验证延迟加载图像的额外列表项。那么，有没有办法解决这个问题，或者我们应该等待下一个版本，因为作者称here为：

我将增强下一版本的自定义属性处理。在那时间，你可以使用＆＃34; data-u＆＃34;而不是＆＃34; u＆＃34;

Answer 1

此处的解决方案是设置一个src，指向一个不会被注意的图像，直到延迟加载的图像开始播放。典型的1x1像素透明.png或{{ 1}}会做到这一点。

在服务器上某处提供.gif图像后，即可：

pixel.png

您的延迟加载将继续有效，您将获得<img class="lazy" src="/img/pixel.png" data-src="/img/image-to-load.jpg" alt="" title=""/>验证。

Answer 2

data-u之类的自定义属性是html5的w3c标准。请尝试html5验证。

要使图像延迟加载，不应指定src属性。 html5验证将引发没有src属性的图像的错误。实际上，没关系。我说现在没有办法解决它。