ホームページ製作において、テーブルタグとdivタグのどっちを使うか選択についてです。
テーブルタグはレイアウトには使ってはいけない(推奨しない)というのが
書かれていますが、例えば、以下の画像のように複数の画像を整列させて
配置する(商品画像一覧や写真一覧など)のような場合、
テーブルタグで画像とテキストをぶち込むのは駄目なんでしょうか?
まさか、画像1つに対してdiv1個、テキスト1個に対してdiv1個みたいに
対応させ、段組にしていくほうがSEO対策とかプロっぽいんですかね?
基本的なことですいません。
No.1ベストアンサー
- 回答日時:
その構造であれば<dl><dt><dd>でやります、自分だったら。
<dl>
<dt>テキスト</dt>
<dd><img><img></dd>
<dt>テキスト</dt>
<dd><img><img></dd>
<dt>テキスト</dt>
<dd><img><img></dd>
</dl>
この回答への補足
なるほど、dl(定義リスト)ですか。
テーブルかdivの段組の意見が出るかと思ったら、
dl使う人もいるんですね。参考になりました。
確かにテキストに入るものは画像のタイトルっちゃタイトルですが、
WEBサイトってのは、確かにメインのレイアウトはcontents-boxなどで
つくりますが、コンテンツ内の配置など、どこまでdivでやるか。。。
の止めどころというか、境目が難しいんですよね。
上記画像配置のようなものはテキストの文字列と画像自体に関連性がない場合もあり、
タグのもつ論理構造もくそったれもない場合も現実にはあるんじゃないかと
思ってですね。。。。
No.2
- 回答日時:
私なら<table>にしますが、
<dl>を使う場合は画像1つずつに<dd>を使用します。
<dl>
<dt>テキスト</dt>
<dd><img></dd>
<dd><img></dd>
<dt>テキスト</dt>
<dd><img></dd>
<dd><img></dd>
</dl>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS HTMLのdlとul どちらが正しいと思いますか 3 2023/02/23 11:20
- Excel(エクセル) PHPプログラムをエクセルに張り付けると検索ボックスがでてくる! 3 2022/05/08 07:10
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- PHP アップロード画像数でCSSを分けることに成功したのですが、画像の横に文字を並べることが出来ません。 3 2023/07/28 17:16
- WordPress(ワードプレス) ワードプレスで、投稿一覧ページにタグを表示する方法 投稿につけたタグを、記事一覧ページにもカテゴリと 1 2023/05/10 21:41
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- PHP 掲示板を作成しておりアップロードファイルとメッセージを並べたいので、アドバイスお願い致します 2 2023/07/17 21:01
- JavaScript アップロードファイルの種類によって処理を分岐させたいのですが書き方が分からずアドバイスお願いします 4 2023/06/17 19:12
- 写真・ビデオ 写真や動画を保存する、これらを満たしたサービスはありませんか。 ・iOS, Android, Mac 2 2023/07/30 18:35
- JavaScript clear機能を失わずにファイルアップロード機能を作成したい 3 2023/06/10 16:12
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ボタンをセル内一杯に表示させ...
-
opencvのプログラムについて教...
-
写真とキャプションを横並びに...
-
画像のサイズが変わらない
-
favicon.ico はもういらない?
-
ポップアップウィンドウのサイ...
-
ホームページタグ打ち。サイズ...
-
マージソートの計算量について-...
-
htmlの文字が縦書きになる
-
個別にリンクの色を変える方法
-
W3Cのソースコードの検証サービ...
-
cssのfloatについて
-
NからZへの全単射を具体的に構...
-
KompoZerの使い方について
-
smallにtext-allignが効かない
-
H1タグを画像にしたい
-
【ヒトの神秘】美男美女から何...
-
CSSで画像を同じ位置に重なり合...
-
safariで見るとページ上部に余...
-
リストを2つに分割して、それぞ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
リンクを知らせる手のマークが...
-
ボタンをセル内一杯に表示させ...
-
htmlで画像を2個ずつ並べていき...
-
機種依存文字、m2(平方メート...
-
HTMLタグのDL DT DDを使ってli...
-
画像の場合のみ、下線を消す方...
-
画像を縦に並べたら隙間ができ...
-
画像のサイズが変わらない
-
ポップアップウィンドウのサイ...
-
inputタグでサーバにデータを送...
-
HTMLでボタンを横に2つ並べる方法
-
XML画像データををHTMLで簡単に...
-
レスポンシブ対応のHTML・CSS(...
-
【HTML/CSS】ボタンの枠が伸び...
-
リンクをつけた画像をクリック...
-
UDP通信を使うチャットプログラ...
-
HTMLのIMAGEに。。
-
imgタグは何で囲むのが良いか
-
ホームページで画像を横に並べ...
-
画像をクリックして元に戻すには
おすすめ情報