テーブルレイアウトについて

Question

お世話になります。

HTMLのテーブルレイアウトについてですが、

<table>タグを用いて、サイト全体のデザインをするのは好ましくなく、 表を表現する場合は、tableタグを使っても良いという認識でおりますが、 どこまでを表として捉えていいのか、わからなくなってきたため 質問させてください。

例えば、
項目 入力値
名前 テキストボックス
性別 ラジオボタン
趣味 チェックボックス
のような入力フォームを作成する場合、下記どちらになりますか？
１．<table>タグを用いて作成する方が好ましい
２．<table>タグを用いず、cssで作成する方が好ましい
※動作環境はHTML5です。

また、項目が複数個並んだ右側にテキストボックスがあるような場合は
表と認識しても良いのでしょうか？
例：
項目１ 項目２ 項目３ 項目４ 項目５ テキストボックス
項目１ 項目２ 項目３ 項目４ 項目５ テキストボックス

お手数おかけ致しますが、なぜそちらになるのかも合わせてご助言頂ければ幸いです。
よろしくお願い致します。

以上です。

Answer 1

ページ全体など「あからさまにテーブルでないものに、レイアウトのためだけにテーブルを使う」のが問題なだけで、見た目的にも意味合い的にもテーブルになって自然なものは、テーブルとして組んで構いません。

入力フォームの見出しと入力枠は、それこそ枠線を引いて表組みにしてしまうサイトすらあるくらいに、テーブルとして成立しうるものですので、どちらで作るかはデザインと機能面のかね合わせ、ということになります。

Comments

[Batoh33789]

maisumakun 様

わかりやすく説明頂きありがとうございます。