HTML5 webpage creation Tutorial: HTML5 block-level link and html5 webpage creation tutorial

HTML5 webpage creation Tutorial: HTML5 block-level link and html5 webpage creation tutorial

Webjx: Web standards are full of face-hitting behaviors. This rule is no longer valid! One month after that article was published, HTML5doctor published "Block-level" links in HTML5, which you would have written as follows.

 

The English name is "Block-level" links. I thought that only the birds in our factory do not know. I didn't expect to know much about it. I need to popularize it.

The Web standards are full of face-hitting behaviors. This rule is no longer valid now! One month after that article was published, HTML5doctor published "Block-level" links in HTML5. To be quoted, you should write the following:

<Div class = "story">
<H3> <a href = "story1.html"> Bruce Lawson voted sexiest man on Earth </a> <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>

This can be written in HTML5 now.

<Article>
<A href = "story1.html">
<H3> Bruce Lawson voted sexiest man on Earth <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 the perspective of accessibility, we only add the alt description text of the image (providing more detailed information for reading screen users), without the need to manually create redundant! One of HTML5's ideas is to be pragmatic. In our current words, it is to be grounded ~

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

You and your friends can now be used in projects!
To be compatible with IE6/7 manual bugs, you need to add css code like this in reset.css:

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