デザインとアクシビティとマークアップの兼ね合いで、リンクタグはタイトルだけ掛けるようにしたいが、サムネイルや抜粋など他の要素もまとめている親になるブロックコンテンツ(div.item)をクリックした場合にも遷移してほしいときは、jsで頑張ります。

参考例はWPのarchive.phpなどの記事やタクソノミー一覧です。
参考にわかりやすく書いています。

<div class="item">
<a herf="https://example.com">example</a>
</div>
ソースコード装飾ならGoogle code prettify
const element = document.querySelector('.item');
element.addEventListener('click', () =&gt; {
const link = element.querySelector('a');
location.href = link.getAttribute('href');
});
ソースコード装飾ならGoogle code prettify