-
ID:VBxhdY さんの質問

【再質問】お昼に投稿した質問がボツったので質問の内容を一部変更して再投稿です。よろしくお願いしますね!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>

みんなの回答 7 件

ID:iwawDv さんの回答

Bで。ええええ

ID:vu1NNm さんの回答

Aでしょ

ID:jHZlED さんの回答

すきなほうでどうぞ。
アウトラインが保たれていて、タグの機能(aやimgやvideoなど)が保証されていて、JSの都合を回避できるのであれば、どんなマークアップでもいいと思う。しいて言えば、個人的には可能な限りタグを減らしたいし、本当の箇条書きでない限り、ulは使わない。

ID:JTIvtF さんの回答

Bかなー
クリッカブルなエリアを広く取りたい
Twitterみたいにリンク先が複数入ってるときはAにするけど

ID:vu1NNm

Aでもクリッカブルなエリアをセル全体に出来るよね?

ID:JTIvtF

下で言ってるネガティブマージンのこと?なるほどね〜考えたこともなかった

ID:N7aHW3

ここでネガティブマージン使うのなんか気持ち悪くない?

ID:7bzg1l さんの回答

Aでネガティヴマージンでリンク領域を広げるのが正解でしゅ

ID:ubTPoj さんの回答

ネガティブマージンでこの場合もリンク領域広げれるの?

ID:mdHx4x さんの回答

tableListView_item_main
この気持ち悪い書き方はなんなの?

ID:r.jq25

はやりでしょ

最終更新日:2016-02-07 (1,257 views)

関連するトピックス

ページ上部に戻る