HTML5 web page production tutorial: HTML5 block-level link_html/css_WEB-ITnose

网页制作Webjx文章简介：Web 标准中处处充满了打脸行为，这条规则现在已经失效了！在那篇文章发布一个月后，HTML5doctor 发表了 “Block-level” links in HTML5，引述一下，就是原先你要这么写.

English is called "Block-level" links. I thought only the bird feathers in our factory didn't know about it, but I didn't expect that there are quite a lot of people who don't know about it. It needs to be popularized. .

Unfortunately, web standards are full of slaps and this rule is no longer valid! A month after that article was published, HTML5doctor published "Block-level" links in HTML5. To quote, this is what you originally wanted to write:

Bruce Lawson voted sexiest man on Earth

A congress representing all the planet's women unanimously voted Bruce Lawson as the sexiest man alive.

Read more

Now you can write like this in HTML5

Bruce Lawson voted sexiest man on Earth

A congress representing all the planet's women unanimously voted Bruce Lawson as the sexiest man alive.

Read more

From an accessibility perspective, only the alt description text of the image is added (to provide more detailed information for screen readers) without Artificially create so many "redundant" a's! One of the ideas of HTML5 is to be pragmatic. In today’s terms, it is down-to-earth. Hmm~

Although this writing method is not forward-compatible, testing by HTML5 doctor shows that it is supported by all mainstream browsers. That is to say:

You and your friends can use it in your projects now!
In order to be compatible with the hand bug of IE6/7, you need to add css code such as this to reset.css:

1 a div, a h3, a p, ...{#cursor:hand}