- ベストアンサー
tableタグとdivタグでどちらが良いか
ＨＰを製作しています。 例として 料理の画像 料理名 料理の画像 料理名 料理の画像 料理名 料理の画像 料理名 料理の画像 料理名 料理の画像 料理名 料理の画像 料理名 料理の画像 料理名 のような構成で製作を考えていますがｔableタグとdivタグを入れ子にして製作するのはどちらが良いでしょうか？ 作りやすさ以外にＳＥＯ対策の観点も考えるとどちらがいいのでしょうか？
- グラフィックソフト
- 回答数2
- ありがとう数5
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
tableタグを使わない方がいいとよくいわれていますが、表組みをするときは使っていいタグです。 ただ、レイアウトに使用するとかたくさん入れ子になるとかはだめです。 たくさん入れ子になると表示スピード遅くなります。 レイアウトに使用すると検索エンジンのランキング上がりにくく、そして少し恥ずかしいです。 (そのほかにも理由はあるかもしれないけど) その辺を踏まえてお考えになるといいと思います。 SEO対策されるのであれば、Lynxというブラウザでチェックすることをおすすめします。 また参考URLのようなチェックしてくれるサイトを訪れることをおすすめします。
その他の回答 (1)
その例なら 両方 divによって左右を分け、tableによって料理の画像と料理名を表示する
お礼
ご返答ありがとうございました。
関連するQ&A
- どこをテーブルで作るべきか、divタグで作るべきかの境目というか、考え
どこをテーブルで作るべきか、divタグで作るべきかの境目というか、考え方が 微妙で困っています。 サイトレイアウト大まかな段組は<div>でできるだけ行うように、みたいにCSSデザインの勉強をしていると書いてあり、その意味は分かりますが、<div>タグで概観をレイアウトしても、結局は、divで定義したコンテンツBOXの中身だったりメニューの中身だったりは テーブルで配置したほうが更新作業的にやりやすいし、テーブルほうがよいのでは？ みたいに、なってしまいます。 左に画像、右にコメント（文字列）などの関係のものが、以下に複数続いたりする場合、 どう考えてもテーブルのほうがよくない？って思うんですよね。 その場合でも無理やりdivタグでテーブル構造を作るもんなんですかね？ divタグだとコード量が少なくなるからSEO対策的に良いっていうのは理解できますが、 divタグはここまで作る、テーブルタグの使い分けが微妙です。 このときはテーブルにしないといけない。とかないんでしょうから ある意味センスなんでしょうが。。。。 製作の効率と、コンテンツの管理の仕方を考えると divタグとテーブルの使い方の境目が分からなくなってしまいます。 そのへんの考え方ノウハウを教えてください。
- ベストアンサー
- ホームページ作成ソフト
- ホームページ製作において、テーブルタグとdivタグのどっちを使うか選択
ホームページ製作において、テーブルタグとdivタグのどっちを使うか選択についてです。 テーブルタグはレイアウトには使ってはいけない（推奨しない）というのが 書かれていますが、例えば、以下の画像のように複数の画像を整列させて 配置する（商品画像一覧や写真一覧など）のような場合、 テーブルタグで画像とテキストをぶち込むのは駄目なんでしょうか？ まさか、画像１つに対してdiv１個、テキスト１個に対してdiv１個みたいに 対応させ、段組にしていくほうがSEO対策とかプロっぽいんですかね？ 基本的なことですいません。
- ベストアンサー
- ホームページ作成ソフト
- DIVタグでの擬似インラインフレーム
<DIV>タグで擬似インラインフレームを実現させようと思っています。 <DIV>タグ内に<table>タグがあって、<td>タグ内に<A>タグテキストリンクがある場合に、そのリンクを右クリックしてプロパティを表示させると、 <DIV>タグの位置がずれてしまいます。 ・動作テスト OS：WindowsXP SP１ ブラウザ：IE6 ・テキストリンク<a>タグを右クリックしてプロパティを表示させたときのみ発生する。 ・NN7.1では発生しません。 原因がまったくわかりません。 簡単な例↓ <DIV style="width:640px;height:350px;overflow:scroll;"> <table width=620px><tr><td><A href=http://www.yahoo.co.jp>YAHOO</A></td></tr></table> </DIV> 以上のような感じです。 しかし、実際に操作していただくと、何が問題なのかがわかると思いますので、以下のページを参照してください。 http://members3.jcom.home.ne.jp/takokko/divframetest.html 大変困っております。なにとぞ、宜しくお願いいたします。
- ベストアンサー
- HTML
- floatさせたdivタグを折り返させたくない
Javascriptで開いた子ウィンドウ内のページについて レイアウトで困っております。 以下のようなブロック要素の配置について <div> <div style="float; left"> コンテンツA </div> <div style="float; left"> <div> コンテンツB </div> <div> コンテンツC </div> </div> <div style="clear: both"> </div> 以上のような配置になっており、 コンテンツ３の中身をJavascriptで書き換えています。 その際、コンテンツCの横幅が変動し右に大きく広がる場合があります。 それにより、ウィンドウサイズによってはコンテンツBCがコンテンツAに回りこんでしまいます。 何故こうなるかは理解出来るのですが、対策が思い浮かびません。 ●思いついたが避けたい対応策 ・親のdivタグに想定出来る最大値のwidthを設定する ・tableタグによるレイアウト 良い対応策はございませんでしょうか？ よろしくお願いします。
- 締切済み
- HTML
- HPでイメージを中央、テーブルを右寄せして並べたいのですが・・・？
こんにちは。 私はHP作成ソフトを使わずに、タグ打ちで地道にHPを製作しています。 最近、ネットで調べてもどうしても分からない事があります。 それは、イメージを丁度画面中央、テーブルを画面の右寄せにして、しかも並べて表示させたいのです。 <center><div align"rght">や<table>などのタグを色々組み合わせても、どうしてもうまくいきません。 どなたかうまく表示させられる方法を教えていただけたら有難いです。お願いいたします。
- ベストアンサー
- ホームページ作成ソフト
- css(div)の中にtableタグを使うとなぜかcellpaddingがきかない
cssのdivの中にtableタグを入れ子にして作成していますが、中側tableのcellpaddingを5に指定しているにもかかわらず余白があきません。 過去ログにCSSの設計思想からすると、DIVの中にTABLE要素を組み込むことは論理矛盾であると書かれていましたが、複雑な表になってくると知識がないため、テーブルを使っているのが現状です。 なぜ余白があかないのでしょうか？また対応する方法はあれば教えていただきたいです。よろしくお願いします。 <div id="fee_table"> <table width="460" border="0" cellspacing="0" cellpadding="0"> <tr> <td bgcolor="#C4D6A7"><table width="460" border="0" cellspacing="1" cellpadding="5"> <tr> <td bgcolor="#FFFFCC">テキスト</td> <td valign="top" bgcolor="#FFFFFF">テキスト</td> </tr> <tr> <td bgcolor="#FFFFCC">テキスト</td> <td valign="top" bgcolor="#FFFFFF">テキスト</td> </tr> <tr> <td bgcolor="#FFFFCC">テキスト</td> <td valign="top" bgcolor="#FFFFFF">テキスト</td> </tr> </table></td> </tr> </table> </div> ■---css---------------------------------------■ #fee_table { font-size: 95%; margin : 10px 0 10px 15px; }
- 締切済み
- HTML
- 一括で全体を右にずらす
教えてください。 複数のTABLEタグで囲まれているページレイアウトを右側に一括でずらすにはどのようにしたらいいでしょうか？ 一番外枠にTABLEタグを入れてpostion:relative left:40pxなどとすればいいでしょうか？ それともdivタグを使うのでしょうか？ あと1点教えていただきたいのですが、入れ子構造にするには、tableタグに限らず、HTMLタグはずらして書く必要があるのでしょうか？ よろしくお願いします。
- ベストアンサー
- HTML
- ＜ｄｉｖ＞の間、指定範囲内の色変更
タグうちでホームページを製作しています。 <div> ～ </div> タグで指定した範囲内にマウス・カーソルを置くと， その部分の文字色と背景色が変化して、 マウスをその範囲から離すと，色が元に戻るといったページを 製作したいのですが・・・参考となるＨＰ、あるいは お手本となるｈｔｍｌ(java言語?)を教えてください。。 どうかお願いいたします。
- 締切済み
- HTML
- SEO対策について。H1タグが見あたりません。
質問です。ＳＥＯ対策でＨ1タグにホームページの重要ワードを書き込む方法がありますが、現在、ひとまずビルダーで製作したサイトは完成したところで、ＨＴＭＬソースを見たところ、そのＨ1タグが見あたらないのです。このＨ1タグの見つけ方、そして、自分でＨ1タグを作る方法を教えてください。宜しくお願いします。
- ベストアンサー
- ホームページ作成ソフト
- ＴＡＢＬＥタグについて・・。
よくあるタグですが、テーブルにイメージ枠をつけて 表示する方法ですが、 ネットスケープとかＭＡＣでも表示がちゃんとできるタグを 教えてください。 なんかこれだとＩＥ以外だと変です。 お願いします <TABLE border="0" cellspacing="0" cellpadding="0" > <TR> <TD><IMG src="左上枠の画像" ></TD> <TD background="上枠の画像" > </TD> <TD><IMG src="1/右上枠の画像"></TD> </TR> <TR> <TD background="左枠の画像" ></TD> <TD>枠の中のテキスト</TD> <TD background="右枠の画像" ></TD> </TR> <TR> <TD><IMG src="左下枠の画像" ></TD> <TD background="下枠の画像" > </TD> <TD><IMG src="1/右下枠の画像"></TD> </TR>
- ベストアンサー
- HTML
お礼
ご返答ありがとうございます。 チェックしてくれるサイトを是非見てみたいと思います。