我可以在 <img> 中使用 data-src 而不是 src 属性吗？

Question

我们可以在 <img> 中使用 data-src 而不是 src 属性而没有副作用吗？

我们仅在 https://www.svetandroida.cz/flightor-levne-letenky/ and everything works OK, but HTML validator say that we are missing "src" and Google News feed doesn't display our thumbnails https://news.google.com/publications/CAAqKggKIiRDQklTRlFnTWFoRUtEM04yWlhSaGJtUnliMmxrWVM1amVpZ0FQAQ?hl=cs&gl=CZ&ceid=CZ%3Acs

使用 data-src

您认为缺少 "src" a 是 Google 不显示我们图片的问题吗？

谢谢

Answer 1

Can we use data-src instead of src attribute in with no side effects?

没有

data-src，与所有 data- 属性一样，是一种为网站上的（主要）JavaScript 提供 自定义数据 以供使用的机制.

src 确定从何处加载图像。

---

听起来您正在使用 data-src 和 JS 动态填充 src。虽然有这样做的理由，但您已经看到它对 Google 的负面影响，并且您会遇到类似的问题 when JavaScript fails。

使用src，即使它是您稍后覆盖的默认值。 （如果你用 JavaScript 覆盖它，考虑用 srcset 覆盖它是否更好）。