Html 使用数据srcset而不是srcset的图片标记

我目前正在验证我的HTML，并且由于我的图片标记使用数据srcset而不是srcset，所以出现了错误。我的问题是，如果我使用数据srcset，我是否必须使用srcset属性作为有效的HTML？似乎是这样

例如：

<picture>
  <source data-srcset="assets/media/images/attorneys/img-attorney.webp" type="image/webp">
  <source data-srcset="assets/media/images/attorneys/img-attorney.png" type="image/jpg">
  <img src="assets/media/images/attorneys/img-attorney.png" class="lazy" alt="Attorney"> 
</picture>

是；如果没有它，标记将无法验证，即使您用相同的名称替换了

data srcset

属性。为了验证的目的，自定义数据属性不能替代相同名称的标准属性；它们被视为习俗而被忽视

---

但是，如果出于您自己的原因打算使用

data srcset

作为替代，您可以在HTML中编写标准的

srcset

属性，并在事后使用JavaScript将其替换掉。验证程序不会看到这种情况，只会看到源标记中的

srcset

。如果您的客户端脚本依赖于此自定义数据属性，则在执行此替换时，它们可能需要等待或侦听。

深刻的回答。其中一些图像是使用库延迟加载的，但库不会将srcset属性附加到标记。