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

时间:2019-08-06 09:04:30

标签: html image src

我们可以使用data-src中的src而不是<img>属性吗?

我们仅在https://www.svetandroida.cz/flightor-levne-letenky/使用data-src,并且一切正常,但是HTML验证程序说我们缺少“ src”,并且Google新闻供稿未显示缩略图https://news.google.com/publications/CAAqKggKIiRDQklTRlFnTWFoRUtEM04yWlhSaGJtUnliMmxrWVM1amVpZ0FQAQ?hl=cs&gl=CZ&ceid=CZ%3Acs < / p>

您是否认为缺少“ src”是Google无法显示我们图片的问题?

谢谢

1 个答案:

答案 0 :(得分:2)

  

我们可以在没有副作用的情况下使用data-src而不是src属性吗?

否。

与所有data-src属性一样,

data-是一种机制,用于为网站上的(主要)JavaScript提供自定义数据

src确定从何处加载图像。


听起来您正在使用data-src和JS动态填充src。尽管这样做是有原因的,但是您已经看到它对Google的负面影响,并且您将遇到类似的问题when JavaScript fails

使用src,即使它是默认值,您以后也要覆盖它。 (并且,如果要使用JavaScript覆盖它,请考虑使用srcset覆盖它是否更好)。