块链接内部链接

Question

我有一个索引页面，其中包含每个链接到其相应文章页面的文章列表。然而，在每篇文章的标题中，还可能有可以单独点击的主题标签（类似于Twitter/Instagram主题标签）。

我知道HTML5不允许链接内部的链接或任何交互。我也知道谷歌更喜欢在一个包含元素的块链接之上的更简短的解释性链接文本。

什么是最好的方式来处理这个，保持有效的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> 

也许我应该住到JavaScript来实现块级链接？有兴趣听到你的意见。

Answer 1

由于编写了有效的代码，我建议使用javascript onclick参数。类似于外部div换行上的onclick =“location.href ='/ link.html'”。不要使用内联元素/ a-tag来包装块元素，例如h1，p，div ......。

Answer 2

只是让他们分开的链接。

<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>