Странные какие-то эти теги в SVG. То они парные, то одиночные.
Не пойму, когда, какие применять.
Например, - встречаются две формы записи команды
Так как же правильно закрывать тег, если обе формы записи работают без сообщения об ошибке?
Ответ
Да, эти две формы записи будут работать без сообщения об ошибке, но только, если код SVG встроен в HTML.
Но если кодSVG сохранён в *.svg файл и запустить его на выполнение, то будет выдано сообщение об ошибке:
В данном случае, правильное закрывание тега
Так зачем же применяются две формы записи закрывания тега?
В синтаксисе SVG довольно строгая система написания тегов. По порядку применения, теги можно разбить на три группы:
Тэги “хамелеон” – в зависимости от контекста могут быть одиночными или парными.
Одиночные тэги
Парные тэги
1. Тэги “хамелеон” – в зависимости от контекста могут быть одиночными или парными.
Одиночный тэг –
Допустим понадобилось добавить анимацию линии. Для этого внутрь одиночного тэга –
Получаем сообщение об ошибке:
Посмотрите внимательно на код выше. Одиночный тег анимации вложен в одиночный тег линии. Парсер XML не понимает этого и подсказывает, что нужно изменить внешний одиночный тэг линии на парный
Пример правильного закрытия тега
Вывод – одиночные теги базовых фигур SVG заменяются на парные теги, если внутри вложены одиночные теги анимации:
Это справедливо для всех основных фигур SVG:
Комментариев нет:
Отправить комментарий