Is using a Href in Div OK?

[James77]

Hi,

I was just wondering what your thoughts are on using a Href in a Div, which contains anchor text. We currently use the Href on the div, as opposed to just the anchor text as I want the whole div to be clickable as opposed to just the anchor text.

So currently I have:

Keword 1
Keyword 2

Is this perfectly fine to do it like this as opposed to using <a tags="" ???<br="">I suppose there are various alternatives - if you must use the</a><a tag="" like:<="" p=""></a>

<a tag="" like:<="" p=""></a>

Keword 1
Keyword 2

However I would assume a search engine is smart enought to know its the same thing???

Thanks

[RyanKent]

Neither option is valid HTML. Browser behavior and crawler behavior would be unpredictable.

The code would be something like:

Keword 1
  

[Maximise]

I would try and stay clear of doing this to be honest. It won't validate, older browsers may have problems with it and I'm not sure how search engines would treat it (they may not follow it). There are better ways to do it.

If you set your anchor tag to 'display:block' you can then set the height and width too. This way the whole div would be the link, not just the text.

[blackballonline]

Any time I have a question about valid HTML I go to the Source. W3C has an invaluable tool for HTML . Becoming familiar with this will help you always create clean code.

[James77]

Jesus - Thanks.

So your telling me that its totally invalud to:
1/. Wrap a href tag around a div tag.

2/. Put a href tag as an atribute on a div tag.

If that is the case I'm going to have so serious words with my coders!!

[RyanKent]

As Dave shared, the W3C is the official organization for determining the validity of code. Generally speaking, you want your code to be valid.

If you want an area to be a click-able link try Maximise's suggestion.

[James77]

Many thanks - I'm going to have a serious word with my coders!!