Spec-Zone.ru › SVG

href

Атрибут href задаёт ссылку на ресурс в виде ссылки URL. Точное значение этой ссылки зависит от контекста каждого использующего её элемента.

Примечание: В спецификациях, предшествовавших SVG 2, был определён атрибут xlink:href, который теперь признан устаревшим из-за атрибута href. Если необходимо поддерживать более ранние версии браузеров, устаревший атрибут xlink:href можно использовать в качестве резервного наряду с атрибутом href, например: <use href="some-id" xlink:href="some-id" x="5" y="5" />.

Этот атрибут можно использовать со следующими SVG-элементами:

  • <a>
  • <animate>
  • <animateMotion>
  • <animateTransform>
  • <feImage>
  • <image>
  • <linearGradient>
  • <mpath>
  • <pattern>
  • <radialGradient>
  • <script>
  • <set>
  • <textPath>
  • <use>

Пример

<svg viewBox="0 0 160 40" xmlns="http://www.w3.org/2000/svg">
  <a href="https://developer.mozilla.org/">
    <text x="10" y="25">MDN Web Docs</text>
  </a>
</svg>

В SVG

>

a

Для <a> атрибут href задаёт расположение объекта, на который ссылаются, в виде ссылки URL.

Значение <url>
Значение по умолчанию Нет
Анимируемый Да

animate, animateMotion, animateTransform, set

Для элементов <animate>, <animateMotion>, <animateTransform> и <set> атрибут href задаёт URL, указывающий на элемент, который является целью этого элемента анимации и поэтому будет изменяться со временем.

URL должен указывать ровно на один целевой элемент, который может быть целью данного элемента анимации. Если URL указывает на несколько целевых элементов, если указанный целевой элемент не может быть целью данного элемента анимации или если этот элемент не является частью текущего документа, элемент анимации не повлияет ни на один целевой элемент. Однако элемент анимации продолжит работать в соответствии со своими свойствами синхронизации. В частности, будут отправляться события TimeEvents, а элемент анимации можно будет использовать в качестве syncbase так же, как если бы URL указывал на допустимый целевой элемент.

Если атрибут href или устаревший атрибут xlink:href не указан, целевым элементом будет непосредственный родительский элемент текущего элемента анимации. Если указаны оба атрибута, xlink:href и href, используется значение последнего.

Ограничения на типы элементов, которые могут быть целями определённых типов анимации, описаны в соответствующих разделах об отдельных элементах анимации.

За исключением правил, явно указанных в этой спецификации для SVG, нормативное определение этого атрибута содержится в спецификации анимации SMIL. В частности, см. раздел Анимация SMIL: указание цели анимации.

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

feImage

Для элемента <feImage> атрибут href задаёт URL, указывающий на ресурс изображения или элемент. Если указаны и атрибут xlink:href, и атрибут href, последний имеет приоритет.

Значение <url>
Значение по умолчанию Нет
Анимируемый Да

image

Для элемента <image> атрибут href задаёт URL изображения для отображения.

Значение <url>
Значение по умолчанию Нет
Анимируемый Да
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
  <image href="fxlogo.png" x="0" y="0" height="100" width="100" />
</svg>

linearGradient/radialGradient

Для элементов <linearGradient> или <radialGradient> атрибут href задаёт URL, указывающий на шаблонный элемент градиента; чтобы ссылка была допустимой, она должна вести на другой элемент <linearGradient> или <radialGradient>.

Значение <url>
Значение по умолчанию Нет
Анимируемый Да

mpath

Для элемента <mpath> атрибут href задаёт URL, указывающий на элемент <path> или базовую фигуру, которая задаёт траекторию движения.

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

pattern

Для элемента <pattern> атрибут href задаёт URL, указывающий на другой элемент <pattern> в текущем SVG-документе. Все атрибуты, заданные для указанного элемента, но не заданные для этого элемента, наследуются этим элементом. Если у этого элемента нет дочерних элементов, а у указанного элемента они есть (возможно, благодаря его собственному атрибуту href), этот элемент наследует дочерние элементы указанного элемента. Наследование может быть косвенным и происходить на произвольном уровне; таким образом, если указанный элемент наследует атрибуты или дочерние элементы благодаря собственному атрибуту href, текущий элемент также может наследовать эти атрибуты или дочерние элементы. У элемента <pattern> атрибут href является анимируемым.

Значение <url>
Значение по умолчанию Нет
Анимируемый Да

script

Для элемента <script> атрибут href задаёт URL, указывающий на внешний ресурс с кодом скрипта.

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

textPath

Для элемента <textPath> атрибут href задаёт URL, указывающий на элемент <path> или базовую фигуру, вдоль которой будет отображаться текст, если атрибут path не указан. У элемента <textPath> атрибут href является анимируемым.

Значение <url>
Значение по умолчанию Нет
Анимируемый Да

use

Для элемента <use> атрибут href задаёт URL, указывающий на элемент или фрагмент SVG-документа, который нужно клонировать.

Элемент <use> может ссылаться на весь SVG-документ, если указать значение href без фрагмента. Такие ссылки считаются указывающими на корневой элемент указанного документа.

Значение <url>
Значение по умолчанию Нет
Анимируемый Да

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

Спецификация
Масштабируемая векторная графика (SVG) 2>
# AElementHrefAttribute>
Масштабируемая векторная графика (SVG) 2>
# ImageElementHrefAttribute>
Масштабируемая векторная графика (SVG) 2>
# LinearGradientElementHrefAttribute>
Масштабируемая векторная графика (SVG) 2>
# PatternElementHrefAttribute>
Масштабируемая векторная графика (SVG) 2>
# RadialGradientElementHrefAttribute>
Масштабируемая векторная графика (SVG) 2>
# ScriptElementHrefAttribute>
Масштабируемая векторная графика (SVG) 2>
# TextPathElementHrefAttribute>
Масштабируемая векторная графика (SVG) 2>
# UseElementHrefAttribute>
Анимации SVG, уровень 2>
# HrefAttribute>
Анимации SVG, уровень 2>
# MPathElementHrefAttribute>
Модуль эффектов фильтров, уровень 1>
# element-attrdef-feimage-href>

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

>

svg.elements.a.href

Компьютеры Мобильные устройства
Chrome Edge Firefox Opera Safari Chrome для Android Firefox для Android Opera для Android Safari для iOS Samsung Internet WebView для Android WebView для iOS
href 50 12 51 37 12.1 50 51 37 12.2 5.0 50 12.2

svg.elements.animate.href

Компьютеры Мобильные устройства
Chrome Edge Firefox Opera Safari Chrome для Android Firefox для Android Opera для Android Safari для iOS Samsung Internet WebView для Android WebView для iOS
href 50 79 51 37 12.1 50 51 37 12.2 5.0 50 12.2

svg.elements.animateMotion.href

Компьютеры Мобильные устройства
Chrome Edge Firefox Opera Safari Chrome для Android Firefox для Android Opera для Android Safari для iOS Samsung Internet WebView для Android WebView для iOS
href 50 79 51 37 12.1 50 51 37 12.2 5.0 50 12.2

svg.elements.animateTransform.href

Компьютеры Мобильные устройства
Chrome Edge Firefox Opera Safari Chrome для Android Firefox для Android Opera для Android Safari для iOS Samsung Internet WebView для Android WebView для iOS
href 50 79 51 37 12.1 50 51 37 12.2 5.0 50 12.2

svg.elements.feImage.href

Компьютеры Мобильные устройства
Chrome Edge Firefox Opera Safari Chrome для Android Firefox для Android Opera для Android Safari для iOS Samsung Internet WebView для Android WebView для iOS
href 5 12
3Фрагменты документа (включая ссылки на фрагменты текущего документа) не поддерживаются (см. ошибку 455986).
15 6 18
4Фрагменты документа (включая ссылки на фрагменты текущего документа) не поддерживаются (см. ошибку 455986).
14 6 1.0 4.4 6

svg.elements.image.href

Компьютеры Мобильные устройства
Chrome Edge Firefox Opera Safari Chrome для Android Firefox для Android Opera для Android Safari для iOS Samsung Internet WebView для Android WebView для iOS
href 50 12 51 37 12.1 50 51 37 12.2 5.0 50 12.2

svg.elements.linearGradient.href

Компьютеры Мобильные устройства
Chrome Edge Firefox Opera Safari Chrome для Android Firefox для Android Opera для Android Safari для iOS Samsung Internet WebView для Android WebView для iOS
href 50 12 51 37 12.1 50 51 37 12.2 5.0 50 12.2

svg.elements.mpath.href

Компьютеры Мобильные устройства
Chrome Edge Firefox Opera Safari Chrome для Android Firefox для Android Opera для Android Safari для iOS Samsung Internet WebView для Android WebView для iOS
href 50 12 51 37 12.1 50 51 37 12.2 5.0 50 12.2

svg.elements.pattern.href

Компьютеры Мобильные устройства
Chrome Edge Firefox Opera Safari Chrome для Android Firefox для Android Opera для Android Safari для iOS Samsung Internet WebView для Android WebView для iOS
href 50 79 3 37 12.1 50 4 37 12.2 5.0 50 12.2

svg.elements.radialGradient.href

Компьютеры Мобильные устройства
Chrome Edge Firefox Opera Safari Chrome для Android Firefox для Android Opera для Android Safari для iOS Samsung Internet WebView для Android WebView для iOS
href 50 12 51 37 12.1 50 51 37 12.2 5.0 50 12.2

svg.elements.script.href

Компьютеры Мобильные устройства
Chrome Edge Firefox Opera Safari Chrome для Android Firefox для Android Opera для Android Safari для iOS Samsung Internet WebView для Android WebView для iOS
href 50 12 51 37 12.1 50 51 37 12.2 5.0 50 12.2

svg.elements.set.href

Компьютеры Мобильные устройства
Chrome Edge Firefox Opera Safari Chrome для Android Firefox для Android Opera для Android Safari для iOS Samsung Internet WebView для Android WebView для iOS
href 50 12 51 37 12.1 50 51 37 12.2 5.0 50 12.2

svg.elements.textPath.href

Компьютеры Мобильные устройства
Chrome Edge Firefox Opera Safari Chrome для Android Firefox для Android Opera для Android Safari для iOS Samsung Internet WebView для Android WebView для iOS
href
50Поддерживаются ссылки только на элементы path. Базовые фигуры (rect, circle, ellipse, line, polygon, polyline) не будут работать.
12 2
37Поддерживаются ссылки только на элементы path. Базовые фигуры (rect, circle, ellipse, line, polygon, polyline) не будут работать.
12.1Поддерживаются ссылки только на элементы path. Базовые фигуры (rect, circle, ellipse, line, polygon, polyline) не будут работать.
50Поддерживаются ссылки только на элементы path. Базовые фигуры (rect, circle, ellipse, line, polygon, polyline) не будут работать.
4
37Поддерживаются ссылки только на элементы path. Базовые фигуры (rect, circle, ellipse, line, polygon, polyline) не будут работать.
12.2Поддерживаются ссылки только на элементы path. Базовые фигуры (rect, circle, ellipse, line, polygon, polyline) не будут работать.
5.0Поддерживаются ссылки только на элементы path. Базовые фигуры (rect, circle, ellipse, line, polygon, polyline) не будут работать.
50Поддерживаются ссылки только на элементы path. Базовые фигуры (rect, circle, ellipse, line, polygon, polyline) не будут работать.
12.2Поддерживаются ссылки только на элементы path. Базовые фигуры (rect, circle, ellipse, line, polygon, polyline) не будут работать.

svg.elements.use.href

Настольные компьютеры Мобильные устройства
Chrome Edge Firefox Opera Safari Chrome для Android Firefox для Android Opera для Android Safari на iOS Samsung Internet WebView для Android WebView на iOS
href 50 12 1.5 37 12.1 50 4 37 12.2 5.0 50 12.2

См. также

  • xlink:href

© 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/href

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API