Article introduction of Wulin.com (www.vevb.com): The web standards are full of slap in the face, and this rule has now expired! One month after the article was published, HTML5doctor published "Block-level" links in HTML5. To quote, it was what you originally wanted to write.
It is called Block-level links in English. I thought that only the bird feathers in my factory didn’t know, but I didn’t expect that there were quite a lot of people who didn’t know and needed to be popularized.
Unfortunately, the web standards are full of slap in the face, and this rule has now expired! One month after the article was published, HTML5doctor published Block-level links in HTML5. Let me quote it, it was originally written like this:
<div class=story>
<h3><a href=story1.html>Bruce Lawson voted sexiest man on Earth</a></h3>
<p><a href=story1.html><img src=bruce.jpg alt=full story. />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 this is what you can write in HTML5
<article>
<a href=story1.html>
<h3>Bruce Lawson voted sexiest man on Earth</h3>
<p><img src=bruce.jpg alt=gorgeous lovebundle. >A congress representing all the planet's women unanimously voted Bruce Lawson as sexiest man alive.</p>
<p>Read more</p>
</a>
</article>
From the perspective of accessibility, only the alt description text of the picture is added (providing more detailed information for screen readers), without artificially creating many redundant a! One of the ideas of HTML5 is pragmatism, and in today's terms it is down-to-earth, um~
Although this writing method is not forward compatible, testing by HTML5 doctor shows that mainstream browsers support it, that is:
You and your friends can now use it in the project!
In order to be compatible with IE6/7 hand-type bugs, you need to add code such as this in reset.css:
1 a div, a h3, ap, ...{#cursor:hand}