CODEWITHSUNDEEP
htmlxhtml
Armand
Armand

Reputation: 24393

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>

Upvotes: 13

Views: 4677

Answers (3)

Quentin
Quentin

Reputation: 944555

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

Upvotes: 25

user527892
user527892

Reputation:

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/

Upvotes: 2

JAiro
JAiro

Reputation: 6009

this is the right answer:

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

Upvotes: 3

Related Questions