In HTML which way round should <a/> and <h1/> be nested?

Is there a more correct order for nesting a <a> and <h1> elements in HTML?

e.g.:

<a href="www.example.com"><h1>Example!</h1></a>

or

<h1><a href="www.example.com">Example!</a></h1>开发者_如何学Go

In HTML 4.01 and XHTML 1.1 and older:

• An h1 may contain an a
• An a may not contain an h1

So <h1><a>…</a></h1>

In the HTML 5 draft:

• An h1 may contain an a
• An a may contain an h1 (but only if the a is somewhere an h1 is allowed — see the comments on this answer)

So either, but browser support may vary (such is life on the bleeding edge).

this is the right answer:

<h1><a href="www.example.com">Example!</a></h1>

HTML4, XHTML

<h1><a href="">Text</a></h1>

HTML5

<h1><a href="">Text</a></h1>
<a href=""><h1>Text</h1></a>

It's acceptable in HTML5 as the anchor tag's been made 'block level'.

Some good info on block level and inline level tags can be found at http://www.webdesignfromscratch.com/html-css/css-block-and-inline/