Make a div into a link?

Question

I have a `<div>` block with some fancy visual content that I don't want to change. I want to make it a clickable link.I'm looking for something like `<a href="…"><div> … </div></a>`, but that is valid XHTML 1.1.

Answer 1

Hello,

The purpose of HTML is to markup content. A <div> isn't made for mouse interactions, a.k.a. clicks.

Now, the way you describe it, it's the right way to do it: you wrap the <div> in an <a> tag. The 'clickable' element is the anchor so everything in it is automatically clickable.

On a different note, XHTML is no longer being developed and you shouldn't build anything with this HTML variation. In other words, ditch XHTML and straight up use HTML5.

Also, don't worry too much about validation, as long as you are writing proper HTML tags for the right type of content, you're in good shape.

Let me know if you have any questions.

Regards.