Javascript 为什么img标签同时包含src和src数据？什么'；它们之间有什么区别？

我是一个javascript初学者。有谁能告诉我为什么有

数据src

和

src

都存在？这两个项目的目标分别是什么

还有一个问题是什么意思？为什么分号后面什么都没有

这是我的密码：

<img style="width: 400px; height: 600px;" id="PicSrc" data-src=
"http://image.xcar.com/attachments/a/day_131222/2013122214_59cc5328b60142f66b98nD1UtoNKWnqt.jpg" 
src="%E8%BD%A6_files/2013122214_59cc5328b60142f66b98nD1UtoNKWnqt.jpg"></a><a id="collect" class="collect" 
style="display: block;" 
href="javascript:;"></a>
<a id="zoom" class="zoom" style="display: block;" href="javascript:;"></a> 

---

数据src

是一个

数据属性

。你可以读一篇关于他们的好文章

本质上，

数据属性

用于存储仅供程序员使用的私有数据，这些数据不会被浏览器解释或被用户看到

---

在这种情况下，可能是

data src

属性链接到图像的缩放版本。单击缩放链接时，一些JavaScript会检查

数据属性

并更改图像。

数据src

是一个

数据属性

。你可以读一篇关于他们的好文章

本质上，

数据属性

用于存储仅供程序员使用的私有数据，这些数据不会被浏览器解释或被用户看到

---

在这种情况下，可能是

data src

属性链接到图像的缩放版本。单击缩放链接时，一些JavaScript会检查

数据属性并更改图像。
任何以
数据-
开头的属性都是自定义属性。您的应用程序可以在您认为合适的情况下使用它们，但浏览器不会对它们执行任何特定的操作

href
值是一个空的javascript块，这意味着单击链接不会进入新页面，尽管您应该将其值设置为
void（0）
，以确保其正常工作。在这些情况下，应用程序通常会在链接上具有自定义的单击处理程序，这些处理程序在单击链接时执行某些操作。单击处理程序可以使用
data src
的值，以
data-
开头的任何属性都是自定义属性。您的应用程序可以在您认为合适的情况下使用它们，但浏览器不会对它们执行任何特定的操作

href
值是一个空的javascript块，这意味着单击链接不会进入新页面，尽管您应该将其值设置为
void（0）
，以确保其正常工作。在这些情况下，应用程序通常会在链接上具有自定义的单击处理程序，这些处理程序在单击链接时执行某些操作。该点击处理程序可以使用
数据src
的值