aboutsummaryrefslogtreecommitdiff
path: root/files/pl/web/svg/element/a/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'files/pl/web/svg/element/a/index.html')
-rw-r--r--files/pl/web/svg/element/a/index.html149
1 files changed, 149 insertions, 0 deletions
diff --git a/files/pl/web/svg/element/a/index.html b/files/pl/web/svg/element/a/index.html
new file mode 100644
index 0000000000..0bef2fd2ac
--- /dev/null
+++ b/files/pl/web/svg/element/a/index.html
@@ -0,0 +1,149 @@
+---
+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>