Встроенный svg в HTML5 и пользовательский атрибут svg

<!DOCTYPE html>
<html>
...
<body>
<svg version="1.1" id="svg1" data-kind="myvalue"></svg>
</body>
</html>

Когда я попытался проверить код выше на сайте w3, я получил ошибку ниже.

Ошибка: На данном этапе атрибут типа данных не разрешен для элемента svg. ...svg version="1.1" id="svg1" data-kind="button">

Как я могу написать собственный атрибут в html5 для встроенного SVG и как я могу создать собственное пространство имен или dtd. Я буду признателен, если вы можете показать и пример или учебник. Я буду ждать вашей помощи о том, как решить эту проблему.

Источник

1 ответ

В HTML5 svg является элементом из пространства имен SVG.

Так что это не элемент HTML.

Таким образом, вы не можете использовать атрибуты, которые определены только для элементов HTML, среди них пользовательские data-* атрибуты или атрибуты микроданных и т. д.

Также невозможно использовать data-* атрибуты внутри документов SVG.

Источник
Другие вопросы по тегам