在SVG图像中添加链接的正确方法



如果我有一个SVG图像,并且我想通过添加一些链接使其具有交互性,那么这样做对吗?

<a href="https://www.link-1.com">
<g>
</g>
</a>
<a href="https://www.link-2.com">
<g>
</g>
</a>

那么用<a>标签包装<g>标签呢?或者还有其他最佳实践?

您的示例是向SVG添加链接的正确方法。

SVG的<a>元素是一个容器,这意味着您可以创建一个链接围绕文本(如HTML(,也围绕任何形状。

示例:

<a href="/docs/Web/SVG/Element/circle">
<circle cx="50" cy="40" r="35" />
</a>

来源:https://developer.mozilla.org/en-US/docs/Web/SVG/Element/a

最新更新