Blogger横幅图片DevTools显示存在链接但无法点击该如何解决？

问题原因 #

你的<a>超链接标签使用了错误的自闭合写法（结尾为/>）。<a>属于HTML双标签元素，必须把需要绑定超链接的内容（此处为横幅图片）包裹在它的起始标签和闭合标签之间，才能让内容获得点击跳转能力。你当前的写法等于超链接元素本身是空节点，自然点击图片不会触发跳转。

修复方案 #

把原代码替换为如下内容即可，修复后既符合HTML语法规则，也能通过Blogger的代码校验不会报错：

<a href='http://www.ramycapital.ca/?p=subscribe&amp;id=1' target='_blank'>
  <img alt='' height='725' src='http://www.ramycapital.ca/images/banner1news.png' width='160'/>
</a>
</div>

补充说明 #

如果调整后还有点击死角，可以给<a>标签加上display: inline-block;的行内样式，确保它能完全包裹图片元素。

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