a

使用 SVG 的锚元素 (<a>) 定义一个超链接。

由于这个元素和 HTML 的 <a> 标签 使用了相同的标签名,当使用 CSS 或 querySelector 选择"a"时,可能应用到错误的元素上。可以尝试使用 @namespace规则 来区分两者

用法

示例

<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/en-US/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 (en-US)接口。

浏览器兼容性

BCD tables only load in the browser