Tableタグ使用可否の判断

###前提・実現したいこと
Tableタグは表であれば使用して良い、というのは随所で見かけますが、
今作っているものが表なのかがわからないです
作りたいのは以下のようなものです

編集・削除はそれぞれリンクになる予定です

「一覧」と言ってしまってるのでリストのような気もしますが
処理という要素？もあるので一概にリストとも言えない気がします

###発生している問題・エラーメッセージ
この場合、tableタグで作るのと、tableタグで作らない場合とどちらが良いのでしょうか？
また、tableタグを使用しない場合、表の作成はリスト系のタグとdivで作成する方法があるようですがどちらが推奨されますか？

###試したこと
最初tableタグを用いずに作成してみましたが、レイアウトが思い切り崩れたり苦戦しました
tableタグを使用してみたらあっさり実現してしまいました。
が、tableタグを用いない方が良いということであれば、作り直しをします。

また、人様のサイトで申し訳ないのですが
ulとli要素でテーブル風の表組み（段組み）を作ってみる
を見ながら上記画像の表を作ったらレイアウトがぐしゃぐしゃになりました（罫線設定してるのに非表示になるなど）

どう直しても直らないので、試しにサイトのコードをまんま作ってみたら、以下の通りになりました。IE,Chromeでも同じです。
原因は何でしょうか…？

行動規範の内容に同意します

回答3件

ベストアンサー

表かどうかというのは、項目名（<th>）が複数欲しいかどうかというのが１つの目安になります。
今回で言うと、「アンケート名」や「処理」という項目があるので、<table>でいいと思います。

以下のように、項目名が１つしかない場合

アンケート一覧
アンケート①
アンケート②

これは、表ではなくリストではないかというのを疑った方がいいかもしれません。
これだと、以下の方がふさわしいような気もします。

HTML
1<dl>
2  <dt>アンケート一覧</dt>
3  <dd>アンケート①</dd>
4  <dd>アンケート②</dd>
5</dl>

罫線が入った表のように見せたいのであれば、CSSでそうすればいいです。
表のような見た目にしたいから<table>を使うのはNGですね。

投稿2017/06/27 07:26

root_jp

総合スコア4666

退会済みユーザー

2017/06/27 10:27

ありがとうございます！！！とってもわかりやすいです！よく「表ならばいいが、レイアウト上なら…」という文言を見ては、「表もレイアウト（見易さ）だからなぁ…明らかに項目が複数あるものは表だろうけど…」と悩んでいました！先にベストアンサー決めちゃいましたが、こちらの方をベストアンサーにさせていただきます…すみません！今後は悩むことがなさそうです。

行動規範の内容に同意します