【再質問】お昼に投稿した質問がボツったので質問の内容を一部変更して再投稿です。よろしくお願いしますね！HTML5からaタグの親要素次第ではaタグの中にdivタグやpタグなどを含めることが出来るようになりました。そこで優秀な皆様に質問です。モバイルサイトでよくあるテーブルリスト形式の記事一覧（w3qの質問一覧みたいなもの）をコーディングする時に、あなたならaタグを次の2パターンのうち、どちらのパターンで使いますか？そして、その理由は！？
尚、リンク領域がセル全体をカバーするという条件下で考えて下さい。ホントお願いします！

=======
パターンA
=======
<ul class="tableListView>
__<li class="tableListView_item>
____<div class="tableListView_item_sub>
______<span>4</span><span>回答</span>
____</div>
____<div class="tableListView_item_main>
______<p><a href="">記事タイトル</a></p>
______<dl><dt>更新</dt><dd>10分前</dd>
____</div>
__</li><!-- 以下、liが表示件数分ループします -->
</ul>
=======
パターンB
=======
<ul class="tableListView>
__<li class="tableListView_item>
____<a href="">
______<div class="tableListView_item_sub>>
________<span>4</span><span>回答</span>
______</div>
______<div class="tableListView_item_main>
________<p>記事タイトル</p>
________<dl><dt>更新</dt><dd>10分前</dd>
______</div>
____</a>
__</li><!-- 以下、liが表示件数分ループします -->
</ul>