a

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

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

用法

类别	容器元素
允许的内容	任意数量、任意顺序的下列元素：动画元素描述性元素形状元素结构化元素渐变元素 `<a>`、`<clipPath>`、`<color-profile>`、`<cursor>`、`<filter>`、`<font>`、`<font-face>`、`<foreignObject>`、`<image>`、`<marker>`、`<mask>`、`<pattern>`、`<script>`、`<style>`、`<switch>`、`<text>`、`<view>`

示例

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

浏览器兼容性

BCD tables only load in the browser