<a>

Jump to:
  1. Usage context
  2. Attributes
  3. DOM Interface
  4. Example
  5. Specifications
  6. Browser compatibility

The <a> SVG element defines a hyperlink.

Since this element shares its tag name with HTML's <a> element, selecting "a" with CSS or querySelector may apply to the wrong kind of element. Try the @namespace rule to distinguish between the two.

Usage context

CategoriesContainer element
Permitted contentAny number of the following elements, in any order:
Animation elements
Descriptive elements
Shape elements
Structural elements
Gradient elements
<a>, <altGlyphDef>, <clipPath>, <color-profile>, <cursor>, <filter>, <font>, <font-face>, <foreignObject>, <image>, <marker>, <mask>, <pattern>, <script>, <style>, <switch>, <text>, <view>

Attributes

Global attributes

Specific attributes

No browser supports all XLink attributes.

DOM Interface

This element implements the SVGAElement interface.

Example

SVG

<svg width="140" height="30" xmlns="http://www.w3.org/2000/svg" 
    xmlns:xlink="http://www.w3.org/1999/xlink">

  <a href="https://developer.mozilla.org/en-US/docs/SVG"
      target="_blank">
    <rect height="30" width="120" y="0" x="0" rx="15"/>
    <text fill="white" text-anchor="middle" 
          y="21" x="60">SVG on MDN</text>
  </a>
</svg>

Result

Specifications

Specification Status Comment
Scalable Vector Graphics (SVG) 2
The definition of '<a>' in that specification.		 Candidate Recommendation Replaced xlink:href attribute by href
Scalable Vector Graphics (SVG) 1.1 (Second Edition)
The definition of '<a>' in that specification.		 Recommendation Initial definition

Browser compatibility

FeatureChromeEdgeFirefoxInternet ExplorerOperaSafari
Basic support1 Yes1.5993.1
download ? ? ? ? ? ?
href Yes Yes51 Yes Yes No
hreflang ? ? ? ? ? ?
rel ? ? ? ? ? ?
target1 Yes1.5993.1
type ? ? ? ? ? ?
xlink:actuate ? ? ? ? ? ?
xlink:href1 Yes1.5993.1
xlink:show ? ? ? ? ? ?
xlink:title ? ? ? ? ? ?
FeatureAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
Basic support3 Yes Yes4 Yes3.1 Yes
download ? ? ? ? ? ? ?
href ? Yes ?51 ? No Yes
hreflang ? ? ? ? ? ? ?
rel ? ? ? ? ? ? ?
target3 Yes Yes4 Yes3.1 Yes
type ? ? ? ? ? ? ?
xlink:actuate ? ? ? ? ? ? ?
xlink:href3 Yes Yes4 Yes3.1 Yes
xlink:show ? ? ? ? ? ? ?
xlink:title ? ? ? ? ? ? ?

Document Tags and Contributors

Tags: 
 Contributors to this page: Jeremie, keeprock, Tigt, abbycar, Sebastianz, teoli, kscarfone, ethertank, Manuel_Strehl
 Last updated by: Jeremie,