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而言，它是有效但不好的。 包含諸如“閱讀更多”，“點擊此處”等文本的鏈接不會告訴搜索引擎該鏈接是什么。

你的第三個例子：它對SEO有效且合理。 但請注意，搜索引擎認為標題和粗體標簽內使用的單詞的權重更高。