id

Базовый уровень Широко доступно

Эта функция хорошо зарекомендовала себя и работает на многих устройствах и во многих версиях браузеров. Она доступна во всех браузерах с ⁨июля 2015 г.⁩.

Подробнее
Посмотреть полную таблицу совместимости
Оставить отзыв

Атрибут id присваивает элементу уникальное имя.

Этот атрибут можно использовать с любым элементом SVG.

Пример

<svg
  width="120"
  height="120"
  viewBox="0 0 120 120"
  xmlns="http://www.w3.org/2000/svg">
  <style>
    <![CDATA[
      #smallRect {
        stroke: #000066;
        fill: #00cc00;
      }
    ]]>
  </style>

  <rect id="smallRect" x="10" y="10" width="100" height="100" />
</svg>

Примечания по использованию

Значение	<id>
Значение по умолчанию	Отсутствует
Анимируемый	Нет

<id>

Задаёт идентификатор элемента. Идентификатор должен быть уникальным в пределах дерева узлов, не должен быть пустой строкой и не должен содержать пробельных символов.

Примечание: Не следует использовать значения id, которые могут быть интерпретированы как спецификация представления SVG (например, MyDrawing.svg#svgView(viewBox(0,200,1000,1000))) или базовый медиафрагмент при использовании в качестве целевого фрагмента URL.

Он должен быть допустимым в XML-документах. Отдельный документ SVG использует синтаксис XML 1.0, согласно которому допустимые идентификаторы могут содержать только определённые символы (буквы, цифры и несколько знаков пунктуации) и не могут начинаться с цифры, точки (.) или дефиса (-).

Спецификации

Спецификация
Масштабируемая векторная графика (SVG) 2> # Core.attrib>

Совместимость с браузерами

	Настольные					Мобильные
	Chrome	Edge	Firefox	Opera	Safari	Chrome для Android	Firefox для Android	Opera для Android	Safari в iOS	Samsung Internet	WebView для Android	WebView в iOS
`id`	1	12	1	15	1	18	4	14	1	1.0	4.4	1

См. также

© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Attribute/id