a
=

SVG элемент **<a>** создаёт гиперссылку на другие веб-страницы, файлы, позиции в этом же документе, email-адреса или другие URL. Очень похож на элемент HTML `<a>`.

Элемент `<a>` является контейнером. Это означает, что вы можете обернуть текст в ссылку (как в HTML). Таким же образом можно обернуть фигуру.

Пример
------
```

@namespace svg url(http://www.w3.org/2000/svg);
html,
body,
svg {
  height: 100%;
}
```



```html
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
  <!-- Ссылка в фигуре -->
  <a href="/docs/Web/SVG/Element/circle">
    <circle cx="50" cy="40" r="35" />
  </a>

  <!-- Ссылка в тексте -->
  <a href="/docs/Web/SVG/Element/text">
    <text x="50" y="90" text-anchor="middle">&lt;circle&gt;</text>
  </a>
</svg>
```



```js
/\* Так как SVG не предоставляет визуальных стилей по умолчанию для ссылок,
 будет лучше задать самостоятельно \*/

@namespace svg url(http://www.w3.org/2000/svg);
/\* Необходимо выделить только SVG элементы <a>, но не HTML.
 Смотрите предупреждение ниже \*/

svg|a:link, svg|a:visited {
  cursor: pointer;
}

svg|a text,
text svg|a {
  fill: blue; /\* Даже для текста SVG использует заливку \*/
  text-decoration: underline;
}

svg|a:hover, svg|a:active {
  outline: dotted 1px blue;
}
```


**Предупреждение:** Поскольку этот элемент разделяет своё имя с элементом HTML `<a>`, выбор `a` через CSS или `querySelector` может выбрать не тот тип элемента. Попробуйте правило `@namespace`, чтобы разделять их.

Атрибуты
--------

`download` 
Экспериментальная возможность

 Указывает браузеру выполнить загрузку по URL, вместо того, чтобы переходить по нему. Таким образом пользователю будет предложено сохранить файл локально.
 *Тип*: **<string>** ;*Значение по умолчанию*: *none*;*Анимируем*: **нет**

`href (en-US)`

URL или фрагмент URL для перехода.
 *Тип*: **<URL>** ; *Значение по умолчанию*: *none*; *Анимируем*: **да**

`hreflang`

 URL на человеческом языке или фрагмент URL для перехода.
 *Тип*: **<string>**; *Значение по умолчанию*: *none*; *Анимируем*: **да**

`ping` 
Экспериментальная возможность

 Разделённый пробелами список URL при переходе по которым браузер будет отправлять `POST` запросы с телом `PING` (в фоне). Обычно используется для трекинга.
 *Тип*: **<list-of-URLs>**; *Значение по умолчанию*: *none*; *Анимируем*: **нет**

`referrerpolicy` 
Экспериментальная возможность

 Какой referrer отправить при получении URL.
 *Тип*: `no-referrer`|`no-referrer-when-downgrade`|`same-origin`|`origin`|`strict-origin`|`origin-when-cross-origin`|`strict-origin-when-cross-origin`|`unsafe-url` ; *Значение по умолчанию*: *none*; *Анимируем*: **нет**

`rel` 
Экспериментальная возможность

 Отношение между целевым объектом и объектом link.
 *Тип*: **<list-of-Link-Types>** ; *Значение по умолчанию*: *none*; *Анимируем*: **да**

`target (en-US)`

 Где отобразить переход URL.
 *Тип*: `_self`|`_parent`|`_top`|`_blank`|**<name>** ; *Значение по умолчанию*: `_self`; *Анимируем*: **да**

`type`

MIME type для ссылки URL.
 *Тип*: **<string>** ; *Значение по умолчанию*: *none*; *Анимируем*: **да**

`xlink:href (en-US)` 
Устарело

 URL или фрагмент URL, на который указывает гиперссылка. Может понадобиться для обратной совместимости со старыми браузерами.
 *Тип*: **<URL>** ; *Значение по умолчанию*: *none*; *Анимируем*: **да**

### Глобальные атрибуты

Core Attributes

Наиболее используемые: `id`, `lang`, `tabindex (en-US)`

Styling Attributes
`class`, `style (en-US)`
Conditional Processing Attributes

Наиболее используемые: `requiredExtensions`, `systemLanguage (en-US)`

Event Attributes

Global event attributes, Document element event attributes, Graphical event attributes

Presentation Attributes

Наиболее используемые: `clip-path (en-US)`, `clip-rule (en-US)`, `color (en-US)`, `color-interpolation (en-US)`, `color-rendering`, `cursor (en-US)`, `display (en-US)`, `fill`, `fill-opacity`, `fill-rule`, `filter (en-US)`, `mask (en-US)`, `opacity (en-US)`, `pointer-events (en-US)`, `shape-rendering`, `stroke`, `stroke-dasharray (en-US)`, `stroke-dashoffset`, `stroke-linecap`, `stroke-linejoin (en-US)`, `stroke-miterlimit (en-US)`, `stroke-opacity (en-US)`, `stroke-width`, `transform`, `vector-effect (en-US)`, `visibility (en-US)`

XLink Attributes

Наиболее используемые: `xlink:title (en-US)`

ARIA Attributes

`aria-activedescendant`, `aria-atomic`, `aria-autocomplete`, `aria-busy`, `aria-checked`, `aria-colcount`, `aria-colindex`, `aria-colspan`, `aria-controls`, `aria-current`, `aria-describedby`, `aria-details`, `aria-disabled`, `aria-dropeffect`, `aria-errormessage`, `aria-expanded`, `aria-flowto`, `aria-grabbed`, `aria-haspopup`, `aria-hidden`, `aria-invalid`, `aria-keyshortcuts`, `aria-label`, `aria-labelledby`, `aria-level`, `aria-live`, `aria-modal`, `aria-multiline`, `aria-multiselectable`, `aria-orientation`, `aria-owns`, `aria-placeholder`, `aria-posinset`, `aria-pressed`, `aria-readonly`, `aria-relevant`, `aria-required`, `aria-roledescription`, `aria-rowcount`, `aria-rowindex`, `aria-rowspan`, `aria-selected`, `aria-setsize`, `aria-sort`, `aria-valuemax`, `aria-valuemin`, `aria-valuenow`, `aria-valuetext`, `role`

Интерфейс DOM
-------------

Этот элемент реализует интерфейс `SVGAElement` (en-US).

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

|  |  |
| --- | --- |
| Категории | Элемент-контейнер |
| Разрешённый контент | Любое количество следующих элементов, в любом порядке:Элементы анимацииЭлементы описанияЭлементы фигурыСтруктурные элементыЭлементы градиента`<a>`, `<clipPath>` (en-US), `<color-profile>`, `<cursor>` (en-US), `<filter>` (en-US), `<font>` (en-US), `<font-face>` (en-US), `<foreignObject>`, `<image>`, `<marker>` (en-US), `<mask>` (en-US), `<pattern>`, `<script>` (en-US), `<style>` (en-US), `<switch>` (en-US), `<text>`, `<view>` (en-US) |

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

| Specification |
| --- |
| Scalable Vector Graphics (SVG) 2 # Links |

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

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.