Is it okay to nest H1 in Anchors?

Aple

08-19-2010, 08:50 PM

<a href="/home"><h1>My Title</h1></a>

S'ok? Or bad juujuu?

met

08-19-2010, 09:36 PM

<h1><a href="/home">My Title</a></h1>

semantically you should not put block elements inside inline ones

H1 = block
anchor = inline

VIPStephan

08-20-2010, 10:30 AM

No, it’s not OK as it will result in invalid HTML. As said already you can’t put block elements inside inline elements, only vice versa. Therefore, you need to put the anchor inside the h1, not the h1 inside the anchor.

<h1><a href="/home">My Title</a></h1>

AlexL

12-30-2010, 11:29 PM

Sorry to bring this up again.

Has this rule been relaxed in HTML5? For instance, on the Apple store page, in the central content area towards the middle of the page, there are h3 tags that are nested in anchor tags. Search in the source code, for instance, for <h3>iPod touch</h3>. When I try to validate this page, those particular tags don't come up as invalid. Any thoughts on this?

Best Regards,
Alex