a
使用 SVG 的锚元素 (<a>) 定义一个超链接。
由于这个元素和 HTML 的 <a> 标签 使用了相同的标签名,当使用 CSS 或 querySelector
选择"a"时,可能应用到错误的元素上。可以尝试使用 @namespace
规则 来区分两者
用法
示例
html
<svg
width="140"
height="30"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<a xlink:href="https://developer.mozilla.org/zh-CN/docs/SVG" target="_blank">
<rect height="30" width="120" y="0" x="0" rx="15" />
<text fill="white" text-anchor="middle" y="21" x="60">SVG on MDN</text>
</a>
</svg>
示例结果:
属性
全局属性
专有属性
DOM 接口
该元素实现了 SVGAElement
接口。
浏览器兼容性
BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.