使用img标记的data-srcsrc属性有什么区别和后果(包括好的和坏的)?我可以同时使用这两种方法来达到相同的效果吗?如果是的话,应该在什么时候使用呢?

推荐答案

属性srcdata-src没有任何共同之处,除了它们都是HTML5CR允许的,并且都包含字母src.其他的一切都不一样了.

src属性是在HTML规范中定义的,它具有功能意义.

data-src属性只是data-*个属性的无限集合中的一个,这些属性没有定义的含义,但可以用于在元素中包含不可见的数据,以便在脚本(或样式)中使用.

Html相关问答推荐

如何在两个弹性项目之间添加边框?

弹性项在主轴方向溢出

R中的动态Webscraping

Vue.js复选框对齐问题:在表格单元格中居中复选框

更改垫子输入的涟漪 colored颜色

当光标悬停在(相同)父元素上方时,为多个子元素创建不同的过渡动画

如何影响flex项目中的flex-gap收缩顺序和文本换行顺序?

如何使用CSS在<;表格中<;SVG&>?

<nav和button是姐妹元素.当添加了导航活动类时,我如何为按钮编写CSS?

如何为卡片块制作侧丝带样式

为 HTML5 文本字段设置最后六位正则表达式模式

当作为常规图片输入时,Cloudfront分布式图像可显示,但作为背景图像不显示

在React中如何处理HTML本地日期输入?

如何调整底部有 SVG 的元素的高度,使其在所有宽度上看起来都不错?

从 Vue 应用程序的容器元素渲染 HTML

绝对类在另一个绝对类之上

Mediawiki css/html 信息框创建空白行

将 div 放在图片旁边而不是下方

绝对定位的 div 与另一个静态定位的 div 的边距顶部一起移动

CSS:如何在模糊的背景上剪切文本?