Instead you have to use a technology called XLink to provide this functionality. In XML and therefore SVG, there is no magic href attribute that can create links.
The a element is contained in the linking document (the local resource), and the href attribute points to the document or resource I want to link to (the remote resource). In HTML I can simply set up a link from one document to another using an a element and an href attribute like so: But don't despair - XLink is still not that complicated to get the hang of after reading this article it should present you with no trouble. Note: XML doesn’t support linking by default, so the situation is slightly more complex than HTML links. It is also recommended that you read my article to familiarise yourself with the basics of SVG, if you are not already familiar. If you are not familiar with the a element or the href attribute in HTML I recommend reading Christian Heilmann’s HTML links – let’s build a web! article before we start.
This tutorial will walk you through how to create links in SVG using XLink-the W3C spec for linking in XML-and cover any specific SVG-related concerns that you man need to know. Just like (X)HTML, SVG supports linking to content within the document and to external resources, for example other SVG documents, HTML or XML documents, images, videos or any other kind of typical resource you may want to link to.
3.2 Embedding external resources in an SVG document.3.1 Linking to a specific point in a document.