Элемент "a" вокруг элемента "div"

Question

Я знаю, что тема наличия встроенного элемента вокруг элемента уровня блока как семантически недопустимого подробно обсуждалась здесь.

Однако ситуация с размещением элемента "a" вокруг "div"кажется неизбежным, когда вы хотите ... ну ... поставить ссылку вокруг блока (например, с помощью ширины и высоты, определенных CSS).Это выглядит как очень распространенная ситуация, и в рендеринге нет абсолютно ничего плохого.

Но как это сделать, оставаясь семантически правильным?

Answer 1

Замечу, что

<a href=""><div>...</div></a>

- это совершенно правильный HTML5.

Answer 2

Добавьте обработчик события Javascript onclick для элемента div

<div onclick="window.location='http://www.google.com';" > </div>

Или что, если вы сделаете div встроенным элементом

   <div style="display:inline;"></div>

или сделаете отображение блоком

<a style="display: block;" > </a>