Nesting confusion - please help

[Breadstick]

hello everyone


I was messing about with links in my website using CSS and hover techniques and created the perfect links for my site.

I opened up my page in FF and EI7 and they appeared exactly how i wanted them to. Then i wentover to w3.org to check my html. Saddly i was disapointed to see a long list of errors telling me that the header tag could not be nested in that position. I was wondering if this nesting is actually breaking any rules or if it matters the html is not valid because it displays fine anyway.

Code: Select all

<a class="list forum-a00" href="***whatever***"><h1>***Header***</h1>***other info***</a>

Thanks in advance, Breadstick

[ukgeoff]

It matters both that your site validates and that you use correct structural mark-up.

Not doing so will confuse both search engines and those using assistive technology.

Correct your code as per the validation response.

[Breadstick]

Thanks i will try to fins a walkaround.

[snow]

Code: Select all

<a class="list forum-a00" href="***whatever***"><h1>***Header***</h1>***other info***</a>

As Ukgeoff said - validating is very important if you're serious about web design...

but just to let you know that you can't have 'h1' elements inside a link tag - rather, keep the structure somethinglike: <h1><a>Header</a></h1>

(H1 is a containing element, for containing other content - much like a 'div', and not like a 'span' as far as I can make out... so you can use a div or heading with a 'text-align:right', and that would align the content, but not if you used a non-containing-stuff-element... correct me if I'm wrong someone! (if you can understand what I just wrote ))