2014-09-25 22 views
2

在检查我的网站w3cvalidator此时,元素svg上不允许使用属性数据。如何纠正它

它显示了这个错误在这一点上结束标记SVG属性数据-LS不允许SVG元素上不匹配当前打开元素的名称(使用)。

这里是我使用的示例代码。

<svg class="ls-l" style="top:320px;left:30%;white-space: nowrap;" 
    data-ls="offsetxin:-15; offsetyin:10; delayin:6854; offsetxout:-15; offsetyout:10; durationout:500; showuntil:1000; easingout:easeInOutQuart; scalexin:0; scaleyin:0; scalexout:0; scaleyout:0;" 
    width="50" height="50" viewBox="0 0 64 64" > 
    <use xlink:href="#location-pin"> 
</svg> 

感谢....

+0

请不要的方式,使问题的答案没有意义更多改变的问题。 – 2014-10-06 10:30:23

回答

1

数据 - 属性没有严格有效的SVG,你可以得到和使用的getAttribute和setAttribute设置它们,但HTML data attribute API不可用,因此警告。

通常的XML方法是声明一个自定义命名空间,然后在该命名空间中具有该属性,例如有一个xmlns:ls="<something appropriate for you>"ls:<something>="offsetxin...",然后使用getAttributeNS

<use>问题访问数据是,你不要关闭<use>标签。您需要将它写为<use/><use></use>

+0

嘿,感谢您的快速回复。这个工作的魅力。但是,你能给我更多的信息,我可以如何实现“xmlns:ls =”<适合你的东西>“和myns:ls =”offsetxin ...“ – Raju 2014-09-29 12:41:23

+0

使用你的想象力和创造一些独特的东西”你“和”某物“ – 2014-09-29 13:09:42

-1

现在检查。您正在使用的:代替=分配值SVG元素的属性

<svg class="ls-l" style="top:320px;left:30%;white-space: nowrap;" 
    data-ls="offsetxin:-15" offsetyin=10 delayin=6854 offsetxout="-15" offsetyout="10" durationout="500" showuntil="1000" easingout="easeInOutQuart" scalexin=0 scaleyin=0 scalexou=0 scaleyout=0 
    width="50" height="50" viewBox="0 0 64 64" > 
    <use xlink:href="#location-pin"> 
</svg> 
相关问题