如何正確創建指向HTML中某些內容的鏈接？

Question

在包含更多按鈕和其他錨點的復雜div或容器周圍放置錨點a無效。

如果我希望此容器充當指向另一個元素的鏈接，則遵循的正確，有效的方法是什么？

代碼示例：

<div class="my-container-where-i-would-like-a-link" data-href="/something">
      ...
      <a href="/something/else">a children link</a>
</div>

現在，我正在考慮用JavaScript實現它，我想知道是否還有更好的選擇。

編輯 ：請還考慮SEO不友好是如何使用JavaScript做到這一點的。

Answer 1

沒有JavaScript，我想不出辦法。 但是用JS做到這一點最簡單的方法應該是：

<div class="my-container-where-i-would-like-a-link" onclick="window.location.href = '/something'">

Answer 2

嵌套的錨元素不是有效的HTML，因此唯一有效的選擇是使用JavaScript。

如果易於解釋為鏈接，則Google會考慮使用onclick=""創建的鏈接。 它們被視為普通的<a>標簽。 Google有關引用問題的發言人Matt Cutts證實了這一點。 （來源： http ： //www.scriptol.com/seo/faq/ ）。

這是最好的方法：

<a class="my-container-where-i-would-like-a-link" href="/something">
      ...
    <span onclick="location.href='/something/else'; return false;">a children link</span>
</a>

使用return false; 以防止觸發父錨的click事件。

Answer 3

你可以做這樣的事情

<div class="my-container-where-i-would-like-a-link" id="tempId" data-href="/something">


$("#tempId").on("click", function() {
    location.href = "something";
});