我有一个带有图像滑块的网站。当幻灯片进入图像时,我将一些图像标签保留为空,以加快页面加载速度。图像标签定义如下:
<img data-src="img/portfolio-desktop1-small.png" src="" alt=""/>
我正在做的是幻灯片功能,我将其更改src
为data-src
jQuery动画。滑块效果很好。我的问题是,当我尝试在w3c验证工具中验证它时,出现以下错误:
第131行,第179列:
src
元素上的属性的值错误img
:必须为非空。...data-src="img/portfolio-desktop1-small.jpg" src="" alt=""/>
URL的语法:
任何URL。例如:/hello
,#canvas
,或http://example.org/
。>字符应在NFC中表示,空格应转义为%20
。
有没有解决此问题而无需更改JavaScript或CSS的方法?如果我这样说,这个问题可能会带来什么有害后果?
如果仅删除src属性,然后在需要时动态添加它,会发生什么情况。不需要src属性。我认为无论如何我都不会担心w3c验证工具会说些什么。只要您在必要的浏览器中对其进行测试,它就可以工作。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句