Un lien connecte des ressources. Dans la structure HTML traditionnelle, ces ressources seraient des choses comme des pages Web et des images qui ont des URLs. La spécification SVG utilise des XLinks qui sont plus puissants mais également plus compliqués que les liens HTML d'origine. Nous ne traiterons que de l'utilisation la plus simple des XLinks ici vous renverrons à la spécification du XLink du consortium W3C pour plus de détails.

Pour ajouter un lien à un objet, cliquez avec le Bouton droit de la souris sur l'objet. Sélectionnez Créer un lien dans le menu flottant. Bien que rien ne semble s'être passé, ceci va placer une enveloppe <svg:a> autour de l'objet (visible par le dialogue Édition → Éditeur XML... (Maj+Ctrl+X)).

Note

L'enveloppe lien <svg:a> agit comme un groupe, c.-à-d. que pour éditer un objet enveloppé vous devez double-cliquer sur l'objet pour entrer dans l'enveloppe. Il est également possible de créer une enveloppe à l'intérieur d'une enveloppe par accident. Faites attention à la Zone de notification ou utilisez le dialogue Édition → Éditeur XML... (Maj+Ctrl+X) pour garder une trace du niveau où vous êtes.

Les attributs des liens d'un objet peuvent être modifiés par le dialogue Propriétés de Link (lien) qui peut être ouvert en sélectionnant l'entrée Propriétés du lien dans le menu flottant qui s'affiche lors d'un second Clic droit de la souris sur l'objet (cette fois, vous cliquez sur l'enveloppe).

Le dialogue Propriétés de Link (lien).

Pour lier un objet à une autre page Web, seul l'attribut Href doit être pourvu. Une référence exemple est "http://www.w3.org/" (sans les guillemets) qui est un lien vers le consortium World Wide Web.

Le listage suivant montre un fichier SVG avec un lien depuis le carré bleu. Il peut être directement affiché dans un navigateur Internet ou inclus au moyen d'une balise <object> dans un fichier XHTML.

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
   xmlns:svg="http://www.w3.org/2000/svg"
   xmlns="http://www.w3.org/2000/svg"
   xmlns:xlink="http://www.w3.org/1999/xlink"     
   version="1.0"
   width="150"
   height="150"
   id="svg1341">
  <defs
     id="defs1343" />
  <g
     id="layer1">
    <a     
       xlink:href="http://www.w3.org/"     
       id="a1445">
      <rect     
         width="90"
         height="90"
         x="30"
         y="30"
         style="fill:#0000ff;fill-opacity:0.75;stroke:#000000;
                stroke-width:1px"
         id="rect1353" />
    </a>
  </g>
</svg>

  

Bien que le dialogue Propriétés de Link (lien) contienne beaucoup d'entrées, seulement quelques unes sont d'une grande utilité. Une paire n'ont qu'une seule valeur autorisée.