html - 阻止带有内部链接的链接

Question

我有一个索引页面，其中包含文章列表，每篇文章都应链接到相应的文章页面。然而，在每篇文章的标题中也可以有主题标签(类似于 twitter/instagram 主题标签)，应该可以单独点击。

我知道 HTML5 不允许链接内嵌链接，或与此相关的任何交互。我也知道 Google 更喜欢在充满元素的 block 链接上方使用较短的解释性链接文本。

处理此问题的最佳方法是什么，同时保持有效的 HTML5 并考虑 SEO。

所以简单地输入代码:

<article>
 <a href="/link_to_article">
  <h1>Title of article <a href="/search/#hashtag">hashtag</a></h1>
  <p>Some brief text</p>
 </a>
</article>

也许我应该为 block 级链接驻留在 javascript 中？有兴趣听听您的意见。

Answer 1

只需将它们设为单独的链接即可。

<article>
  <h1>
    <a href="/link_to_article">
      Title of article</h1>
    </a> 
    <a href="/search/#hashtag">hashtag</a>
  </h1>
  <p><a href="/link_to_article">Some brief text</a></p>
</article>