title: Make a text-link in SVG via Adobe Illustrator
body: <p>When linking-out text, I save the graphics as <strong>Tiny-SVG</strong>, and embed the text-passage in a <code>tspan</code> element and wrap this <code>tspan</code> using the <code>&lt;a xlink:href="http://...."&gt;</code>. It works but I would like to know more about alternatives, and <em>pros/cons</em> compared to using other elements such as groups: <code>g</code>.</p>
  
  <p><strong>Questions</strong></p>
  
  <ol>
  <li><p>Is there a quick way to do this directly in Adobe Illustrator CS 4+ ?</p></li>
  <li><p>What do you use to make links? (markup-wise, that is)</p></li>
  </ol>
  
  <p><strong>Reference Code</strong></p>
  
  <pre><code>  &lt;text font-size="6"&gt;created by 
      &lt;a xlink:href="https://github.com/..."&gt;&lt;tspan&gt;{APPNAME}&lt;/tspan&gt;&lt;/a&gt;
      {APPVERSION}
    &lt;/text&gt;
  </code></pre>
  
  <p><strong>Links</strong></p>
  
  <p><a href="http://www.w3.org/TR/SVG/linking.html#Links" rel="nofollow">W3C: 17.2 Links out of SVG content: the ‘a’ element</a></p>