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

只需将它们分开即可。

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

Answer 2

由于编写有效代码，我建议使用javascript onclick param。像onclick =＆＃34; location.href =＆＃39; /link.html'＆＃34;在外部div包装上。不要使用内联元素/ a-tag包装块元素，如h1，p，div，....

阻止链接与内部链接

2 个答案: