data-src是什么标签?和src的效果一样吗?

编辑框的源代码,data-src的效果和src的效果一样吗?
已邀请:
呵呵呵

呵呵呵

赞同来自:

大体的意思是:
设置或检索数据源绑定到元素的标识符。
我查看了好几个例子,主要的应用是在延迟加载,把图片延迟加载,当浏览到的时候读取data-src,然后他就自动引导到src这个属性,可能说的不太正确,大体是这歌意思。但是你要明确图片路径时还是用src而不是data-src
goingforever

goingforever

赞同来自:

data-*(也就是是data-src,data-info等等前面带data的),是存放数据的地方,仅仅是存放数据的地方,不对对页面有任何的影响,上面说的什么延迟加载都是屁,只有和js配合起来这个data-*这个功能才有用,而且有大用,可以用js的 element.getAttribute("data-*")方法取到!
这个属性应用广泛,就楼主说的data-src一般用作懒加载和延期加载和图像加载错误重载等,data-src只是个语义化命名而已,用data-x都可以实现上述功能
易布一

易布一 - 人生多风雨,何处无险阻

赞同来自:

src是路径,data-src是自定义属性

利用jquery读取区别在于

src要用$("#imgid").attr("src");

data-src可以用$("#imgid").attr("data-src"); 也可以用$("#imgid").data("src"); 利用data读取可以省略属性key的“data-”

参与讨论请先登录注册