网站SVG图标添加首页跳转链接失效问题求助

核心问题 #

<img>标签本身不支持href属性，你把跳转属性加错了标签，这就是链接无法生效的原因。跳转功能是由<a>（锚点）标签实现的，<img>仅负责渲染图像内容。

修正后的代码 #

把<img>包裹在<a>标签内，将跳转地址放在<a>的href属性中：

$output .= " <a href='https://example.com/'><img id='svg_logo' src='https://example.com/path/' /></a> ";

额外说明 #

如果你的SVG是直接内嵌在页面中（不是通过<img>引用），也可以给SVG内部添加<a>标签，但当前你用的是<img>引用外部SVG，所以最直接的方案就是用外部<a>标签包裹。

内容的提问来源于stack exchange，提问作者Shaumne