此时元素 svg 上不允许使用属性 data-ls。如何纠正它

【问题标题】：Attribute data-ls not allowed on element svg at this point. how to rectify it此时元素 svg 上不允许使用属性 data-ls。如何纠正它
【发布时间】：2014-11-19 23:56:13
【问题描述】：

在使用 w3cvalidator 检查我的网站时

它显示了这个错误Attribute data-ls not allowed on svg element at this point并且结束标签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>

谢谢....

【问题讨论】：

请不要以使答案不再有意义的方式更改问题。

标签： html svg w3c w3c-validation svg-animate

【解决方案1】：

data- 属性对 svg 并不严格有效，您可以使用 getAttribute 和 setAttribute 获取和设置它们，但 html data attribute API 不可用，因此会出现警告。

通常的 XML 方式是声明一个自定义命名空间，然后在该命名空间中添加属性，例如有一个xmlns:ls="<something appropriate for you>" 和ls:<something>="offsetxin..."，然后使用getAttributeNS 访问数据

<use> 的问题是您没有关闭 <use> 标记。您需要将其写为<use/> 或<use></use>

【讨论】：

嘿，感谢您的快速响应。这个工作的魅力。但是你能不能给我更多的信息我如何实现“xmlns:ls="" 和 myns:ls="offsetxin..."
发挥你的想象力，为自己创造一些独特的“适合你的东西”和“一些东西”