Linking
Around Block-Level Elements in HTML5
HTML5
allows web page authors to place an <a>
element around a block level element that
contains child elements. This allows you to turn an entire block into a link.
This is not a new element in HTML5, but it was
not seen as a correct usage of the <a>
element in earlier versions of HTML.
Example
<a href="introduction.html"><article><figure><img src="images/bok-choi.jpg"alt="Bok Choi" /><figcaption>Bok Choi</figcaption></figure><hgroup><h2>Japanese Vegetarian</h2><h3>Five week course in London</h3></hgroup><p>A five week introduction to traditional
Japanese vegetarian meals, teaching you a
selection of rice and noodle dishes.</p></article></a>
selection of rice and noodle dishes.</p></article></a>