Should be Aware of A Valid Anchor Link Inside Headings Element

Posted on: July 31, 2010

Please see this example:

<h2><a href=”#”>This is a link</a></h2>

And this one:

<a href=”#”><h2>This is a link</h2></a>

If we see the result of those html codes, both of the examples would give same result if you test it on modern browsers.

Unfortunately, if you are still using IE6 as your browser then you will have a problem.

Fox example you have this CSS code:

a{ text-decoration: underline; }

a:hover{ text-decoration: none; }

If you follow the second example (which is the invalid html) the anchor hover state would not working in IE6 because of the headings element.

So to avoid that and make your code valid you should refer to for checking


Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s


Blog Stats

  • 510 hits
%d bloggers like this: