質問: どこをテーブルで作るべきか、divタグで作るべきかの境目というか、考え どこをテーブルで作るべきか、divタグで作るべきかの境目というか、考え方が 微妙で困っています。 サイトレイアウト大まかな段組はでできるだけ行うように、みたいにcssデザインの勉強をしていると書いてあり、その意味は分かりますが、タグで概観をレイアウトしても、結局は、divで定義したコンテンツboxの中身だったりメニューの中身だったりは テーブルで配置したほうが更新作業的にやりやすいし、テーブルほうがよいのでは? みたいに、なってしまいます。 左に画像、右にコメント(文字列)などの関係のものが、以下に複数続いたりする場合、 どう考えてもテーブルのほうがよくない?って思うんですよね。 その場合でも無理やりdivタグでテーブル構造を作るもんなんですかね? divタグだとコード量が少なくなるからseo対策的に良いっていうのは理解できますが、 divタグはここまで作る、テーブルタグの使い分けが微妙です。 このときはテーブルにしないといけない。とかないんでしょうから ある意味センスなんでしょうが。。。。 製作の効率と、コンテンツの管理の仕方を考えると divタグとテーブルの使い方の境目が分からなくなってしまいます。 そのへんの考え方ノウハウを教えてください。
回答: それは、自分の制作し易さからの判断ですよね・・・ オーサリングソフトなどから学んでしまうとそんな風に捉えちゃいますね。 非公開やユーザー、uaの事を無視すれば、どんな仕様でも構いません。 ところが、 uaの事や為を考えながら制作すると(表現すると) その意味を活かしたい場合には、適切なhtmlやマークアップが必要です。 htmlレベルでは、 テーブル = 表です。 エクセルで作るような表を表す場合にテーブルを使います。 その違いだけです。 絶対ダメって事でもありません。作者の方針ですから。 htmlから学べば、どちらが良いのか判断出来るでし、 制作レベルで簡単だとか難しいとかの話の問題ではありません。 htmlレベルで適切か不適切かの問題です。 それと、読み込み順がtableではtr,tdの順に読んでしまうので、横に意味するように書かなくてはいけなくなります・・・ ちなみに、自分の場合、メニューなら ul.li で作ります。