Wrap several content elements in a <a> tag

It would be nice to have links as content elements to wrap within them several elements, like h1, p and image.

This would allow me not to use JS on hover on any of the elements, to follow the same link.

The problem I find is that if I use JS for this purpose, the effect doesn't work if I put the link to JS at the bottom of the fe_page to take out JS of the above the fold content.

Is there another way to do it that's simple and doesn't require JS?

Thanks.