リンクフィールドだけでなく、コンテンツブロック全体をクリック可能にするリクエストがあります。
質問:
例:
リンクのみクリック可能
<div>
<img src="https://placeimg.com/640/480/Arch">
<p>Appropriately initiate front-end "outside the box" thinking via flexible intellectual capital.</p>
<a href="https://placeimg.com/640/480/nature">My Link</a>
</div>
ブロック要素全体をクリック可能
<a href="https://placeimg.com/640/480/nature" title="My Link">
<div>
<img src="https://placeimg.com/640/480/Arch">
<p>Appropriately initiate front-end "outside the box" thinking via flexible intellectual capital.</p>
</div>
</a>
はい、ブラウザがHTML5をサポートしている限り(必要に応じて、すべての最新のブラウザがサポートします)、ブロック要素をa
要素内に配置することは問題ありません。
A要素は、段落、リスト、表など全体、さらにはセクション全体を囲むことができます。ただし、内部にインタラクティブなコンテンツ(ボタンや他のリンクなど)がない場合に限ります。
検索エンジンとブラウザはどちらもリンクをうまく理解します。
参考文献: