2014-09-25 93 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> 
相關問題