37

W3Cによると、テーブル内のdivは許可されていますか?

4

5 に答える 5

43
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
  <head>
    <title>test</title>
  </head>
  <body>
    <table>
      <tr>
        <td>
          <div>content</div>
        </td>
      </tr>
    </table>
  </body>
</html>

このドキュメントは XHTML 1.0 Transitional として正常にチェックされました!

于 2010-06-04T13:37:28.900 に答える
39

次のように、 a を a 内にdiv 直接配置することはできません。table

<!-- INVALID -->
<table>
  <div>
    Hello World
  </div>
</table>

or要素のdiv中に a を入れても問題ありませんが、次のようになります。tdth

<!-- VALID -->
<table>
  <tr>
    <td>
      <div>
        Hello World
      </div>
    </td>
  </tr>
</table>
于 2010-06-04T13:38:04.540 に答える
19

divタグはtdタグ内に配置できますが、 tableまたはtrタグ内に直接配置することはできません。

例:

これは機能します:

<table>
  <tr>
    <td>
      <div>This will work.</div>
    </td>
  </tr>
<table>

これは動作しません:

<table>
  <tr>
    <div> this does not work. </div>
  </tr>
</table>

これも機能しません:

<table>
  <div> this does not work. </div>
</table>

于 2010-06-04T13:36:54.893 に答える
9

他の人がここで指摘しているように、DIVをTD内に配置することはできますが(TABLEの直接の子としてではなく)、DIVをTDの子として使用しないことを強くお勧めします。もちろん、あなたが頭痛のファンでない限り。

2つを組み合わせると、幅、マージン、境界線などがどのように処理されるかに関して、ブラウザー間の不一致が多数あるため、得られるものはほとんどなく、失われるものもたくさんあります。クライアントがこのブラウザまたはそのブラウザでHTMLを正しく表示するのに問題があったため、クライアントのその種のマークアップをクリーンアップしなければならなかった回数はわかりません。

繰り返しになりますが、物事がどのように見えるかについて気にしない場合は、このアドバイスを無視してください。

于 2010-06-04T13:50:56.900 に答える
2

TDにはインライン要素ブロック要素を含めることができるため、許可されます。

ここでは、リファレンスで見つけることができます: http://xhtml.com/en/xhtml/reference/td/#td-contains

于 2010-06-04T13:36:02.193 に答える