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

Question

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>

Answer 1

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).

Answer 2

this is the right answer:

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

Answer 3

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/