Is it okay to place multiple elements inside of an A tag?

[Alex]

Okay, I’ve been curious about this for a while, and I avoid doing it because I always thought it was bad practice.

Is it okay to wrap an element, for example a <div> and its contents, with an <a> tag? Is this valid? Are there any cross browser issues, including mobile?

On MDN it states:

Permitted content: Transparent, containing either flow content or phrasing content.

I guess that answers my question, but it still seems odd when you have lots of elements wrapped in one <a> tag.

Thanks.

[Senff]

Yep, that should be all fine.

[noahgelman]

Valid, yeah, technically.

Not usually preferred, but thus is life.

Just make sure the is set to display block so it will at least be able to handle the block elements inside it.

[Author]

Posts