使用w3cvalidator 检查我的网站时
它显示了此错误此时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>
谢谢。。。。
数据-属性对于svg不是严格有效的。您可以使用getAttribute和setAttribute获取和设置它们,但html数据属性API不可用,因此发出警告。
通常的XML方法是声明一个自定义名称空间,然后在该名称空间中具有属性,例如具有xmlns:ls="<something appropriate for you>"
和ls:<something>="offsetxin..."
,然后使用getAttributeNS
访问数据
<use>
的问题是您没有关闭<use>
标记。您需要将其写为<use/>
或<use></use>