HTML5 Web Authoring Tutorial: HTML5 Block-level links

Web page Production WEBJX article introduction: The Web Standard is full of face-beating behavior, and this rule is now dead! One months after the article was published, Html5doctor published the "Block-level" links in HTML5, quoting, that's what you wrote.

The English is called "block-level" links, I thought only I plant those bird hair does not know, did not expect not to know is also quite many, needs to popularize a bit.

Unfortunately, theWeb Standard is full of face-beating behavior, this rule is now invalid! One months after the article was published,HTML5doctor published "Block-level" links in HTML5, quoting, that's what you wrote:

<div class= "Story" >
<p><a href= "story1.html" >a Congress representing all the planet ' s women unanimously voted Bruce Lawson as Sexiest man alive.</a></p >
<p><a href= "story1.html" >read more</a></p>
</div>

Now you can write this in HTML5.

<article>
<a href= "story1.html" >
<p>a Congress representing all the planet ' s women unanimously voted Bruce Lawson as Sexiest man alive.</p>
<p>read more</p>
</a>
</article>

From a barrier-free perspective, just add alt-Descriptive text (more detailed information for read-screen users), without the need for artificial manufacturing spicy multiple "redundant" a! One of the HTML5 's thoughts is pragmatism, which is now said to be grounded gas, mmm-hmm.

Although this writing is not forward-compatible, the HTML5 doctor test shows that mainstream browsers support, which means:

You and your little friends can now use it in the project!
To be compatible with IE6/7 hand bugs, you need to include CSS code such as this in RESET.CSS:

1 A Div, a H3, a P, ... {#cursor: Hand}

HTML5 Web Authoring Tutorial: HTML5 Block-level links