- ベストアンサー
テーブルタグの中にdivを含めてはダメ？
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
以下、HTML 4.01での話です。（XHTMLでもほぼ同じだと思います） tableタグ直下に書けるのは、caption，col，colgroup，head，tfoot，tbodyと定義されています。 特定の条件下でtbodyが省略できますので、実際はtrも書けます。これら以外は書けないことになっています。 tr直下にはth，tdが書けることになっています（それ以外は不可）。 th，tdの下にはブロック要素が書けるので、divも書けます。 このように、テーブル内でth，tdの中以外でdivが使えないのはHTMLの仕様でそう決まっているからです。
関連するQ&A
- ホームページ製作において、テーブルタグとdivタグのどっちを使うか選択
ホームページ製作において、テーブルタグとdivタグのどっちを使うか選択についてです。 テーブルタグはレイアウトには使ってはいけない（推奨しない）というのが 書かれていますが、例えば、以下の画像のように複数の画像を整列させて 配置する（商品画像一覧や写真一覧など）のような場合、 テーブルタグで画像とテキストをぶち込むのは駄目なんでしょうか？ まさか、画像１つに対してdiv１個、テキスト１個に対してdiv１個みたいに 対応させ、段組にしていくほうがSEO対策とかプロっぽいんですかね？ 基本的なことですいません。
- ベストアンサー
- ホームページ作成ソフト
- divの中にspanを右寄せにするには？
画像のような要素構成をしたいと思うのですがうまくできません・・・ 詳しい方教えていただけませんでしょうか？ divの中にspanを何個か右寄せで配置したいと考えています。 最近のマイクロソフトのサイトのようにボタンをspanで作りたいと思っています。 divで右寄せをしようとするとdivの中にa hrefを含めることは出来ないといったエラーが出てしまい困っております・・・
- ベストアンサー
- CSS
- DIVを選択すると一部のDIVを僅かに大きくする？
画像のようにDIVで要素を構成しているとします。 DIV（B）の中にあるDIV（C)～（G）の要素に触れた場合、DIV（A)が僅かに大きくなるようにしたいのですが、jQueryとかでどのようなメソッドを使ったりすればいいでしょうか？
- ベストアンサー
- JavaScript
- dlタグの中にdivは使える？
dlタグの中で、dtタグとddタグを一つのdivで囲ってもよいのでしょうか？？ 以下のようなかたちなのですが・・・。 使い方として間違っているのでしょうか？？ ↓ ------------------------------------------------ <dl> <div class="aaa"> <dt>タイトル01</dt> <dd> <h4>説明文説明文説明文説明文説明文説明文</h4> <p><img ・・・・・></p> </dd> </div> <div class="aaa"> <dt>タイトル02</dt> <dd> <h4>説明文説明文説明文説明文説明文説明文</h4> <p><img ・・・・・></p> </dd> </div> <div class="aaa"> <dt>タイトル03</dt> <dd> <h4>説明文説明文説明文説明文説明文説明文</h4> <p><img ・・・・・></p> </dd> </div> </dl> ------------------------------------------------ dlタグの中には直接dtタグとddタグしか入れることができないということのようですが、 これはdivは入れられないということになるのでしょうか？？ （dtはインライン要素のみ、ddはブロック要素もインライン要素も使えるということなので、 ddの中ではdivが使えると思うのですが・・・。） また、もしdivで囲えないとしたら、 今回の場合は、それぞれを一つのdlで囲ってしまうべきなのでしょうか？？ ご存知の方いらっしゃいましたら、よろしくご指導ください。お願いします。
- ベストアンサー
- CSS
- テーブルタグ
うまく説明出来ないんですが 画面の上から下まで ぴったし、くっ付いたテーブルを作りたいんです。 テーブルタグにheight=100%なんて 入れてみましたが駄目でした。 質問の意味がうまく伝わらないのですが わかる方、いらっしゃいましたら教えて下さい。
- ベストアンサー
- レンタルサーバ・ASP
- テーブルタグを使わず、テーブルの中に文字を入れる
http://www.tagindex.com/html_tag/index.html こちらのサイトで、 「HTMLタグ リファレンス」 の部分や、 「HTMLタグ」の部分は、 文字の背景がテーブルっぽくなっているのに、ソースを見ると <h1>HTMLタグ リファレンス</h1>や <h2>HTMLタグ</h2>になっていて、 テーブルのタグは使われていないのはなぜなのでしょうか？ テーブルタグを使わず、テーブルの中に文字を入れるように表示するには、どうすればいいでしょうか？ <div id="title">等で、操作しているのですか？
- 締切済み
- HTML
- <div>の中の<div>の意味
根本的な<div>の意味が分かってないと 思いますが私の質問にアドバイスをください。 .sub { width:200px; } .sub div { background-color:#CCCCCC; } 1: <div class="sub"> 2: <div>Sample</dev> 3: </dev> 上記のスクリプトにおいて<div>の中に<div>があります。これら２つの<div>の違いがよく分かりません。 アホに教えるようにご教授いただければ助かります。
- ベストアンサー
- HTML
- CSSの定義でdiv#・・・って、#・・・じゃだめですか？
よろしくお願いします。 CSSの定義で思ったのですが、普通divに対してid定義を行った場合には、 #nantoka{ } と記述すると思うのですが、たまに div#nantoka{ } と定義されているものを見かけます。 これにはどういった意味があるのでしょうか？ また、 p#nantoka{ } である場合もあるのですが、単純に #nantoka{ } ではだめなのでしょうか？ こういった定義の意味やメリットをご存知の方は教えていただけると幸いです。 よろしくお願いします！
- ベストアンサー
- HTML
- htmlでテーブルタグを使わずにCSSのみでテーブルを作成する方法を教
htmlでテーブルタグを使わずにCSSのみでテーブルを作成する方法を教えて下さい。 現在私はブログを所有しており、ブログ内の記事の中に小さな1.2行程度のテーブルを入れたいと思っています。 記事の中に直接テーブルのタグを書き込むと、ものすごい量のタグになってしまい、検索エンジンの読み込みに不利ですので、CSSにて記事の中用のテーブルタグを作り、それを<div class="">～略～</div>の形で省略して記事の中で使用していきたいと思います。 全くの初心者の為、質問が上手にできていないかと思いますので、具体的には下記のサイトを拝見して頂くと幸いです。 http://www.operationcheck.com/seo/seomeasure6.html サイト内で書かれている、中程の「じゃあ、なぜCSSが必要なのか？」以降が、私の質問したい内容です。しかし、このサイトでは、CSSの具体的な使用方法については、書籍の紹介になっていました。 その上記サイトに記載されております、「CSSだけで書いた方」（グレーのテーブルの中の文です）は、 『<div class="box2"> <p>普通に見る限りでは、大した違いを感じることは出来ません。<br> ちなみに、こちらはHTMLを使わずCSSのみを使って作成しました。 </p> </div>』 <div class="box2">～略～</div>という風に、<table>のタグを使わずに、divのみで構成されています。 このように、記事の中でテーブルを省略し、divのみで、反映させるCSSの記載方法（タグなど）を教えて下さい。 また、具体的に、CSSのどこに、そのテーブルタグを書きこんでいけばよろしいのでしょうか。 例えば、/* エントリー部分の設定 */ もしくは、/* 各部のテキスト設定 */ の中でしょうか？
- ベストアンサー
- HTML
- テーブルタグについて教えてください
無料ホームページサイトのエムペで小説を書いています。 アクセスは全てパソコンから、ブラウザはIEでした。そこからだとテーブルタグはちゃんと機能しています。 しかし、携帯や他のブラウザ(fire foxやGoggle chromeだと反映されません。 今気になる箇所は２点。トップページと小説ページで使えるテーブルタグです。 まず、トップページ。背景画像の上にテーブルを固定しています。 パソコンは数値でサイズを固定したテーブルタグを使用しています。これはどのブラウザでも正常にテーブルが機能しています。 携帯は倍率でサイズを固定したテーブルタグを使用しているのですが、画像もテーブルも読み込まれていませんでした。 テーブルタグ自体使えないのならばと、背景画像用の画像を横方向に連続させて帯のように上下に張り付けたかったのですが、これも読み取りません。私の携帯はauで２年前のものですが、タグを読み取るには古すぎたのでしょうか？ 次は小説ページについてです。 パソコンから小説ページを開くと、ウィンドウに合わせて文章が横にだらっと流れてバランスが悪いのでテーブルタグで整え中央に固定しています。しかし、テーブルタグで整えられるのはIEとsphなんとかだけで、fire foxとgoggle chromeはテーブルされないまま中央揃えされてしまいます。トップページはテーブル機能が読み込まれて、何故小説ページは読み込まれないのでしょうか？ テーブルタグに詳しい方、どうかアドバイスを教えてください。
- 締切済み
- ブログ
お礼
＞tdの下にはブロック要素が書けるので、divも書ける やはり、td要素の中にもdivは書くことは問題ありませんよね？ HTML4.01で、td直下にdiv要素を含めるのは正しくない と噂で聞いたので、そんなわけがないと思い質問しましたが、 すっきりしました。 ほんとうにありがとうございました！