<a>
===

El elemento SVG <a> crea un hipervínculo a otras páginas web, archivos, ubicaciones dentro de la misma página, direcciones de correo electrónico o cualquier otra URL.

En SVG, el elemento <a> es un contenedor, es decir, puede crear un enlace alrededor del texto, como en HTML, pero también puede crear un enlace alrededor de cualquier forma.

Ejemplo
-------
```

@namespace svgns 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"
 xmlns:xlink="http://www.w3.org/1999/xlink">
  <!-- Un vínculo alrededor de una forma -->
  <a href="https://developer.mozilla.org/docs/Web/SVG/Element/circle">
    <circle cx="50" cy="40" r="35" />
  </a>

  <!-- Un vínculo alrededor de una forma -->
  <a href="https://developer.mozilla.org/docs/Web/SVG/Element/circle">
    <text x="50" y="90" text-anchor="middle">&lt;circle&gt;</text>
  </a>
</svg>
```



```css
/\* Como SVG no proporciona un estilo visual predeterminado para los enlaces,
 se considera una práctica recomendada agregar algunos \*/

@namespace svgns url(http://www.w3.org/2000/svg);

svgns|a {
  cursor: pointer;
}

svgns|a text {
  fill: blue; /\* Incluso para el texto, SVG usa fill para el color \*/
  text-decoration: underline;
}

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


**Advertencia:** Puesto que este elemento comparte su nombre de etiqueta con el elemento `<a>` de HTML, la selección de "`a`" con CSS o `querySelector` puede aplicarse al tipo incorrecto de elemento. Pruebe la regla `@namespace` para distinguir entre los dos.

Atributos
---------

`download` 
Experimental

 Este atributo indica a los navegadores que descarguen un URL  en lugar de desplazarse a él, por lo que se le pedirá al usuario que lo guarde como un archivo local.
 *Value type*: **<string>** ; *Default value*: *none*; *Animatable*: **no**

`href (en-US)`

 Este atributo contiene el URL  o el fragmento de URL al que apunta el hipervínculo.
 *Value type*: **<URL>** ; *Default value*: *none*; *Animatable*: **yes**

`hreflang`

 This attribute contains the URL or URL fragment that the hyperlink points to.
 *Value type*: **<string>** ; *Default value*: *none*; *Animatable*: **yes**

`ping` 
Experimental

 Este atributo contiene una lista de direcciones URL separadas por espacios a las que, cuando se sigue el hipervínculo, las solicitudes `POST` con el cuerpo `PING` serán enviadas por el navegador (en segundo plano). Normalmente se utiliza para el seguimiento. Para obtener una característica más ampliamente admitida que aborde los mismos casos de uso, consulte Navigator.sendBeacon() (en-US).
 *Value type*: **<list-of-URLs>** ; *Default value*: *none*; *Animatable*: **no**

`referrerpolicy` 
Experimental

 Este atributo indica qué referrer se enviará al obtener URL.
 *Value type*: `no-referrer`|`no-referrer-when-downgrade`|`same-origin`|`origin`|`strict-origin`|`origin-when-cross-origin`|`strict-origin-when-cross-origin`|`unsafe-url` ; *Default value*: *none*; *Animatable*: **no**

`rel` 
Experimental

 Este atributo especifica la relación del objeto de destino con el vínculado.
 *Value type*: **<list-of-Link-Types>** ; *Default value*: *none*; *Animatable*: **yes**

`target (en-US)`

 Este atributo especifica dónde mostrar el URL.
 *Value type*: `_self`|`_parent`|`_top`|`_blank`|**<name>** ; *Default value*: `_self`; *Animatable*: **yes**

`type`

 Este atributo especifica el tipo de medio en forma de un tipo MIME  para la dirección URL vinculada.
 *Value type*: **<string>** ; *Default value*: *none*; *Animatable*: **yes**

`xlink:href (en-US)` 
Obsoleto

 Este atributo contiene la dirección URL o el fragmento de URL al que apunta el hipervínculo.
 *Value type*: **<URL>** ; *Default value*: *none*; *Animatable*: **yes**

### Atributos globales

Atributos principales

Especialmente: `id (en-US)`, `lang (en-US)`, `tabindex (en-US)`

Atributos de estilo
`class (en-US)`, `style (en-US)`
Atributos de procesamiento condicional

Especialmente: `requiredExtensions`, `systemLanguage (en-US)`

Atributos de evento

Atributos de eventos globales, atributos de eventos de elementos de documento, atributos de eventos gráficos

Atributos de presentación

Especialmente: `clip-path (en-US)`, `clip-rule (en-US)`, `color (en-US)`, `color-interpolation (en-US)`, `color-rendering`, `cursor (en-US)`, `display (en-US)`, `fill (en-US)`, `fill-opacity (en-US)`, `fill-rule (en-US)`, `filter (en-US)`, `mask (en-US)`, `opacity (en-US)`, `pointer-events (en-US)`, `shape-rendering (en-US)`, `stroke (en-US)`, `stroke-dasharray (en-US)`, `stroke-dashoffset (en-US)`, `stroke-linecap (en-US)`, `stroke-linejoin (en-US)`, `stroke-miterlimit (en-US)`, `stroke-opacity (en-US)`, `stroke-width (en-US)`, `transform`, `vector-effect (en-US)`, `visibility (en-US)`

Atributos XLink

Most notably: `xlink:title (en-US)`

Atributos ARIA

`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`

Notas de uso
------------

|  |  |
| --- | --- |
| Categorias | Elemento contenedor |
| Contenido permitido | Cualquier número de los siguientes elementos, en cualquier orden:Elementos de animaciónElementos descriptivosElementos de formaElementos estructuralesElementos de degradado`<a>`, `<clipPath>` (en-US), `<color-profile>`, `<cursor>` (en-US), `<filter>` (en-US), `<font>` (en-US), `<font-face>` (en-US), `<foreignObject>` (en-US), `<image>` (en-US), `<marker>` (en-US), `<mask>` (en-US), `<pattern>` (en-US), `<script>`, `<style>`, `<switch>` (en-US), `<text>`, `<view>` |

Especificaciones
----------------

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

Compatibilidad con navegadores
------------------------------

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