---
title: <a>
slug: Web/SVG/Element/a
tags:
  - Element SVG
  - SVG
  - SVG link
translation_of: Web/SVG/Element/a
---
<div>{{SVGRef}}</div>

<p><span class="seoSummary">Element <strong><code>&lt;a&gt;</code></strong> SVG określa hiperłącze.</span></p>

<p>Element<a href="/en-US/docs/Web/HTML/Element/a"> &lt;a&gt; </a><a href="/en-US/docs/Web/HTML/Element/a">HTML </a>jest interpretowany tak samo jak element &lt;a&gt; SVG. Z tego względu w przypadku użycia selektora &lt;a&gt; w CSS lub JavaScript może mieć zastosowanie do nieprawidłowego elementu. Wypróbuj regułę @namespace, aby rozróżnić między nimi.</p>

<h2 id="Użycie">Użycie</h2>

<p>{{svginfo}}</p>

<h2 id="Atrybuty">Atrybuty</h2>

<h3 id="Atrybuty_globalne">Atrybuty globalne</h3>

<ul>
 <li><a href="/en-US/docs/Web/SVG/Attribute#Conditional_processing_attributes">Conditional processing attributes</a></li>
 <li><a href="/en-US/docs/Web/SVG/Attribute#Core_attributes">Core attributes</a></li>
 <li><a href="/en-US/docs/Web/SVG/Attribute#Graphical_event_attributes">Graphical event attributes</a></li>
 <li><a href="/en-US/docs/Web/SVG/Attribute#Presentation_attributes">Presentation attributes</a></li>
 <li><a href="/en-US/docs/Web/SVG/Attribute#Xlink_attributes">Xlink attributes</a></li>
 <li>{{SVGAttr("class")}}</li>
 <li>{{SVGAttr("style")}}</li>
 <li>{{SVGAttr("externalResourcesRequired")}}</li>
 <li>{{SVGAttr("transform")}}</li>
</ul>

<h3 id="Atrybuty_specyficzne">Atrybuty specyficzne</h3>

<div class="note">
<p>No browser supports all XLink attributes.</p>
</div>

<ul>
 <li>{{SVGAttr("href")}}</li>
 <li>{{SVGAttr("target")}}</li>
 <li>{{SVGAttr("xlink:show")}}</li>
 <li>{{SVGAttr("xlink:actuate")}}</li>
 <li>{{SVGAttr("xlink:href")}} {{deprecated_inline}}</li>
</ul>

<h2 id="DOM_model">DOM model</h2>

<p>Element implementuje {{domxref("SVGAElement")}}.</p>

<h2 id="Przykład">Przykład</h2>

<h3 id="SVG">SVG</h3>

<pre class="brush: html">&lt;svg width="140" height="30" xmlns="http://www.w3.org/2000/svg"
    xmlns:xlink="http://www.w3.org/1999/xlink"&gt;

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

<h3 id="Rezultat">Rezultat</h3>

<p>{{EmbedLiveSample("Example", 170, 60)}}</p>

<h2 id="Specyfikacja">Specyfikacja</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">Specification</th>
   <th scope="col">Status</th>
   <th scope="col">Comment</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{SpecName("SVG2", "linking.html#Links", "&lt;a&gt;")}}</td>
   <td>{{Spec2("SVG2")}}</td>
   <td>Replaced {{SVGAttr("xlink:href")}} attribute by {{SVGAttr("href")}}</td>
  </tr>
  <tr>
   <td>{{SpecName("SVG1.1", "linking.html#Links", "&lt;a&gt;")}}</td>
   <td>{{Spec2("SVG1.1")}}</td>
   <td>Initial definition</td>
  </tr>
 </tbody>
</table>

<h2 id="Wsparcie_przeglądarek">Wsparcie przeglądarek</h2>

<p>{{CompatibilityTable}}</p>

<div id="compat-desktop">
<table class="compat-table">
 <tbody>
  <tr>
   <th>Feature</th>
   <th>Chrome</th>
   <th>Edge</th>
   <th>Firefox (Gecko)</th>
   <th>IE</th>
   <th>Opera</th>
   <th>Safari</th>
  </tr>
  <tr>
   <td>Basic support</td>
   <td>1.0</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatGeckoDesktop('1.8')}}</td>
   <td>{{CompatIE('9.0')}}</td>
   <td>{{CompatOpera('9.0')}}</td>
   <td>{{CompatSafari('3.0.4')}}</td>
  </tr>
 </tbody>
</table>
</div>

<div id="compat-mobile">
<table class="compat-table">
 <tbody>
  <tr>
   <th>Feature</th>
   <th>Android</th>
   <th>Edge</th>
   <th>Firefox Mobile (Gecko)</th>
   <th>IE Phone</th>
   <th>Opera Mobile</th>
   <th>Safari Mobile</th>
  </tr>
  <tr>
   <td>Basic support</td>
   <td>{{CompatAndroid('3.0')}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatGeckoMobile('1.8')}}</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatSafari('3.0.4')}}</td>
  </tr>
 </tbody>
</table>
</div>