如何使用data-src和src？

Question

在使用img标记的src和data-src时，我遇到了一个显示图像的问题。

下面的代码可以很好地工作：

<img src = "img/testimage1.jpg"/>

下面的代码没有显示任何内容：

<img data-src = "img/testimage1.jpg" alt="first"/>

Answer 1

As already answered here，data-src是HTML5规范的一个简单的data-*属性，而src定义了图像标记的源。

data-*属性只对JS脚本有意义。