SVG 中的 是链接容器,必须包裹 、 等可渲染图形才生效;href 为必需属性,支持各类 URL;现代浏览器推荐直接用 href,无需 xlink:href。

(在 SVG 上下文中不会显示文字,也不会响应点击):
href 属性必须显式声明,且支持相对/绝对路径
SVG 的链接行为和 HTML 一致,但需注意:
可添加 target、title 等常用属性增强体验
虽然 SVG 规范没强制要求,但主流浏览器支持以下 HTML 常见属性:
-
:新窗口打开(建议同时加href提升安全性) -
https://:鼠标悬停时显示 tooltip - 也可用 CSS 控制 hover 效果,例如给内部
http://设置/about和#section1
注意命名空间与 XHTML 兼容性(较少见但需留意)
如果 SVG 是作为 XML 文档单独存在(.svg 文件),或嵌入 XHTML 页面,有时需声明 xlink 命名空间(旧标准):
主要更新介绍: 完美整合Discuz!论坛,实现一站式登陆、退出、注册; 同步所有会员资料; 新增购物车功能,商品购买更加方便、快捷; 新增部分快捷菜单,网站访问更加方便; 限制首页商品、店铺标题显示长度; 修正会员后台管理不能更改密码的错误; 完善商品显示页面所有功能链接; 修正后台标签管理部分错误; 修正前台学校列表不按后台顺序显示的错误; 修正搜索功能中学校名称过长导致显示紊乱的现象; 修正
- 老写法(SVG 1.1):
target - 现代推荐(SVG 2+):直接用
target="_blank",无需rel="noopener"前缀(Chrome/Firefox/Edge 均已支持) - 若兼容极老浏览器(如 IE9),才需回退到
title="提示文字"
基本上就这些。关键是记住:SVG 的 不是“文字链接”,而是一个包裹图形的可点击区域,结构清晰、语义明确,用对了就很可靠。









