id
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Атрибут id
присваивает уникальное имя элементу.
Этот атрибут используется всеми элементами.
Пример
<svg
width="120"
height="120"
viewBox="0 0 120 120"
xmlns="http://www.w3.org/2000/svg">
<style type="text/css">
<![CDATA[
#smallRect {
stroke: #000066;
fill: #00cc00;
}
]]>
</style>
<rect id="smallRect" x="10" y="10" width="100" height="100" />
</svg>
Примечания по использованию
Значение | <id> |
---|---|
Значение по умолчанию | Отсутствует |
Анимируемый | Нет |
- <id>
-
Задаёт идентификатор элемента. Идентификатор должен быть уникальным в пределах дерева узлов, не должен быть пустой строкой и не должен содержать никаких пробелов.
Примечание: Следует избегать использование значений идентификатора, которые будут анализироваться как спецификация представления SVG (например,
MyDrawing.svg#svgView(viewBox(0,200,1000,1000))
) или базовый фрагмент мультимедиа при использовании в качестве целевого фрагмента URL.Он должен быть валидным для XML-документов. Автономный документ SVG использует синтаксис XML 1.0, который указывает, что валидные идентификаторы включают только обозначенные символы (буквы, цифры и несколько знаков препинания) и не начинаются с цифры, символа точки (.) или с дефиса (-).
Спецификации
Specification |
---|
Scalable Vector Graphics (SVG) 2 # Core.attrib |
Совместимость с браузерами
BCD tables only load in the browser