SVG 中的 是链接容器，必须包裹 、 等可渲染图形才生效；href 为必需属性，支持各类 URL；现代浏览器推荐直接用 href，无需 xlink:href。
SVG 中的 <a></a> 标签不是直接写成 HTML 那样的超链接，而是 SVG 命名空间下的 <a></a> 元素，它本身不渲染任何图形，必须包裹一个可渲染的 SVG 图形（比如 <rect></rect>、<circle></circle>、<text></text> 或 <path></path>），才能实现点击跳转。
SVG 的 必须配合图形元素使用
纯文本或空的 <a></a> 不起作用。它本质是“链接容器”，需内嵌图形才能被用户交互：
- 正确写法：
<a href="https://www.php.cn/link/b05edd78c294dcf6d960190bf5bde635"><rect x="10" y="10" width="100" height="40"></rect></a> - 错误写法：
<a href="https://www.php.cn/link/b05edd78c294dcf6d960190bf5bde635">点我</a>（在 SVG 上下文中不会显示文字，也不会响应点击） - 若想显示可点击文字，要用
<text></text>：<a href="https://www.php.cn/link/b05edd78c294dcf6d960190bf5bde635"><text x="20" y="30">点我</text></a>
href 属性必须显式声明，且支持相对/绝对路径
SVG <a></a> 的链接行为和 HTML 一致，但需注意：
DeepBI DHTML 页面生成器
下载
生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur
-
href是必需属性，不写就不会触发跳转 - 支持
https://、http://、/about（相对路径）、#section1（页面内锚点） - 在某些环境（如内联 SVG + iframe）中，可能受
target和 CSP 策略影响，默认在当前页打开
可添加 target、title 等常用属性增强体验
虽然 SVG 规范没强制要求，但主流浏览器支持以下 HTML 常见属性：
-
target="_blank"：新窗口打开（建议同时加rel="noopener"提升安全性） -
title="提示文字"：鼠标悬停时显示 tooltip - 也可用 CSS 控制 hover 效果，例如给内部
<rect></rect>设置fill: #007bff和:hover { fill: #0056b3; }
注意命名空间与 XHTML 兼容性（较少见但需留意）
如果 SVG 是作为 XML 文档单独存在（.svg 文件），或嵌入 XHTML 页面，有时需声明 xlink 命名空间（旧标准）：
- 老写法（SVG 1.1）：
<a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="..."></a> - 现代推荐（SVG 2+）：直接用
href，无需xlink:前缀（Chrome/Firefox/Edge 均已支持） - 若兼容极老浏览器（如 IE9），才需回退到
xlink:href
基本上就这些。关键是记住：SVG 的 <a></a> 不是“文字链接”，而是一个包裹图形的可点击区域，结构清晰、语义明确，用对了就很可靠。
