Зашел спор, а точнее срач в скайпе насчет того как правильно делать div'ы кликабельными
Ну, например, несколько квадратов - хочу сделать их кликабельными:
<div class="quad">
<p>This is content1</p>
</div>
Мне нужно оборачивать их так:
<a href="http://ya.ru"><div class="quad">
<p>Variant 1</p>
</div></a>
Или прописывать событие onClick?
<div class="quad" onClick="document.location='http://ya.ru'">
<p>variant 2</p>
</div>
Речь идет о списке товаров, и клик должен вести на страницу товара.
Что семантически правильно? Например, с точки зрения HTML5.
Поиграться можно тут - https://jsfiddle.net/67gzad4h/