<a>

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

Attributes

Global attributes

• Conditional processing attributes
• Core attributes
• Graphical event attributes
• Presentation attributes
• Xlink attributes
• class
• style
• externalResourcesRequired
• transform

Specific attributes

• href
• target
• xlink:show
• xlink:actuate
• xlink:href

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

Browser compatibility