На данный момент атрибут data-ls не разрешен для элемента svg. как это исправить

При проверке моего сайта с помощью w3cvalidator

он показывает эту ошибку Атрибут data-ls не разрешен для элемента svg на данный момент и Конечный тег 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 html w3c w3c-validation svg-animate
person Raju    schedule 25.09.2014    source источник
comment
Пожалуйста, не меняйте вопрос таким образом, чтобы ответы потеряли смысл.   -  person Robert Longson    schedule 06.10.2014

Ответы (2)


arrow_upward
2
arrow_downward

data- атрибуты не являются строго допустимыми для svg, вы можете получить и установить их с помощью getAttribute и setAttribute, но html API атрибутов данных недоступен, отсюда и предупреждение.

Обычным способом XML было бы объявить пользовательское пространство имен, а затем иметь атрибут в этом пространстве имен, например. иметь xmlns:ls="<something appropriate for you>" и ls:<something>="offsetxin...", а затем получить доступ к данным, используя getAttributeNS

Проблема <use> заключается в том, что вы не закрываете тег <use>. Вам нужно либо написать это как <use/>, либо <use></use>

person Robert Longson    schedule 25.09.2014
comment
Эй, спасибо за быстрый ответ .. ‹используйте /› это рабочее очарование. Но не могли бы вы дать мне больше информации, как я могу получить xmlns:ls=‹что-то подходящее для вас› и myns:ls=offsetxin... - person Raju; 29.09.2014
comment
Используйте свое воображение и создайте что-то уникальное для себя, что-то подходящее для вас и что-то - person Robert Longson; 29.09.2014

arrow_upward
-1
arrow_downward

Проверь сейчас. Вы используете : вместо = для присвоения значений атрибутам элемента 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>
person Sami    schedule 29.09.2014