title: Link more than one element?
body: <p>I have an image, underneath it is a title and a subtitle. There are a number of these in a list. Clicking on them goes to an article.</p>
  
  <pre><code>&lt;li&gt;
      &lt;div class="img-container"&gt;&lt;img src="test.jpg"&gt;&lt;/div&gt;
      &lt;h2&gt;The Title&lt;/h2&gt;
      &lt;p&gt;The sub title&lt;/p&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>I need to link the above. I want the user to be able to click on the image, title or subtitle to get to the article page.</p>
  
  <p>Should I wrap each element and create 3 x links:</p>
  
  <pre><code>&lt;li&gt;
      &lt;div class="img-container"&gt;&lt;a href="/whatever"&gt;&lt;img src="test.jpg"&gt;&lt;/a&gt;&lt;/div&gt;
      &lt;h2&gt;&lt;a href="/whatever"&gt;The Title&lt;/a&gt;&lt;/h2&gt;
      &lt;p&gt;&lt;a href="/whatever"&gt;The sub title&lt;/a&gt;&lt;/p&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>Or should I wrap the entire block:</p>
  
  <pre><code>&lt;li&gt;
      &lt;a href="/whatever"&gt;
          &lt;div class="img-container"&gt;&lt;img src="test.jpg"&gt;&lt;/div&gt;
          &lt;h2&gt;The Title&lt;/h2&gt;
          &lt;p&gt;The sub title&lt;/p&gt;
      &lt;/a&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>Would either method have an impact on SEO? Usability?</p>