HTML语义：将链接（锚元素）放在标题中是一个好主意吗？

Question

以这种方式构建新闻列表是错误的：

   <h1><a href="article-1.html">That happened!</a></h1>
   <div class="short">Just like planned</div>

我应该更喜欢这个吗？

   <h1>That happened!</h1>
   <div class="short">Just like planned</div>
   <div><a href="article-1.html">Read it now</a></div>

或删除标题元素？

   <div class="news-header"><a href="article-1.html">That happened!</a></div>
   <div class="short">Just like planned</div>

Answer 1

在标题中放置一个链接是完全有效的。实际上，Stack溢出甚至会在每个问题页面上执行。做任何对页面最具语义意义的事情。

在HTML5中，您甚至可以将标题包装在链接中，如下所示：

<a href="article-1.html"><h1>That happened!</h1></a>

Answer 2

将锚点放在标题内是符合语法的。

您的第一个示例：H1应包含页面标题，例如“新闻”。新闻项目的“列表”应使用子标题（H2）。在“详细信息”页面上，您可以将新闻标题放在H1。

中

你的第二个例子：就SEO而言，它是有效但不好的。包含“read more”，“click here”等文本的链接不会告诉搜索引擎链接是什么。

你的第三个例子：它对SEO有效而且相当合理。但请注意，搜索引擎认为标题和粗体标签内使用的单词的权重更高。