登录 注册

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

编辑框的源代码,data-src的效果和src的效果一样吗?

3个回复

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

相关问题