HTML 问题，这种情况如何避免重复写同一链接？

[nikoo]

站点每个主题有个配图，每个主题具体 HTML 代码如下：
<div class="thread-img">
　<img src="图片地址">
</div>
<div class="thread-title">
　这里是标题
</div>

现在需要用户点标题配图，或者标题问题都能进入该帖子，增加链接后：
<div class="thread-img">
　<a href="http://abc/123.html"><img src="图片地址"></a>
</div>
<div class="thread-title">
　<a href="http://abc/123.html">这里是标题</a>
</div>

这样的话，每个主题同一个链接都要写两遍，感觉并不优雅，没有可能优化？

[oh]

1. 用 a 标签把两个 div 包起来，整个主题区域都可点击；
2. 使用 js 自动根据第一个 a 标签的 url 创建到后续其它位置；

[nikoo]

@oh 谢谢，这种情况应该很常见，最通用的解决方案是什么？

另外，如果用方案 1，用 a 标签把两个 div 包裹，这样会不会影响 SEO 效果？

[oh]

@nikoo 通用方法就是像你现在这样，不用改，因为 html 结构都是动态生成的，没啥麻烦的

[akira]

就算一个链接在 html 里面写 100 遍，你动态生成的话 实际地址也只是写一遍而已的呀呀