W3Cによると、テーブル内のdivは許可されていますか?
5 に答える
<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 として正常にチェックされました!
次のように、 a を a 内にdiv
直接配置することはできません。table
<!-- INVALID -->
<table>
<div>
Hello World
</div>
</table>
or要素のdiv
中に a を入れても問題ありませんが、次のようになります。td
th
<!-- VALID -->
<table>
<tr>
<td>
<div>
Hello World
</div>
</td>
</tr>
</table>
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>
他の人がここで指摘しているように、DIVをTD内に配置することはできますが(TABLEの直接の子としてではなく)、DIVをTDの子として使用しないことを強くお勧めします。もちろん、あなたが頭痛のファンでない限り。
2つを組み合わせると、幅、マージン、境界線などがどのように処理されるかに関して、ブラウザー間の不一致が多数あるため、得られるものはほとんどなく、失われるものもたくさんあります。クライアントがこのブラウザまたはそのブラウザでHTMLを正しく表示するのに問題があったため、クライアントのその種のマークアップをクリーンアップしなければならなかった回数はわかりません。
繰り返しになりますが、物事がどのように見えるかについて気にしない場合は、このアドバイスを無視してください。
TDにはインライン要素とブロック要素を含めることができるため、許可されます。
ここでは、リファレンスで見つけることができます: http://xhtml.com/en/xhtml/reference/td/#td-contains