鏈接多個元素？

-1

我有一個圖像，它下面是一個標題和一個副標題。列表中有許多這些。點擊他們去一篇文章。鏈接多個元素？

<li> 
    <div class="img-container"><img src="test.jpg"></div> 
    <h2>The Title</h2> 
    <p>The sub title</p> 
</li>

我需要上面的鏈接。我希望用戶能夠點擊圖片，標題或副標題進入文章頁面。

我應該穿得每個元素，並創建3×鏈接：

<li> 
    <div class="img-container"><a href="/whatever"><img src="test.jpg"></a></div> 
    <h2><a href="/whatever">The Title</a></h2> 
    <p><a href="/whatever">The sub title</a></p> 
</li>

或者我應該換整塊：

<li> 
    <a href="/whatever"> 
     <div class="img-container"><img src="test.jpg"></div> 
     <h2>The Title</h2> 
     <p>The sub title</p> 
    </a> 
</li>

要麼方法對SEO的影響？可用性？

來源

2016-02-29 panthro

無論是。兩者都適用於HTML5。 – j08691

你也可以給我一個onclick =「location.href ='www.url.com'」。不知道這是否對搜索引擎優化有影響 –

包裝整個區塊 – LGSon

上的一個頁面上的鏈接數量谷歌used to have a limit;減少鏈接數量（特別是鏈接到同一地點）被認爲是有利的。因此，我建議你在<a>標籤包裹<li>內容的第二個選項去。

來源

2016-02-29 15:53:17

將整個內容包裝在錨點中會更好，因爲它更具語義並提供更好的代碼可讀性。由於Google算法考慮了所有這些因素（因爲在HTML 5規範中允許在錨內包含多個塊級元素），所以對SEO沒有影響。

更重要的是，在此代碼，請確保您對錨冠軍屬性，在IMG的ALT屬性和使用更好的包含元素。在這種情況下，你有一個事物列表，所以更多的語義，如<article>標籤可能會提供更好的搜索引擎優化。

來源

2016-02-29 16:00:46 Baconbeastnz

鏈接多個元素？

回答

相關問題