2010-06-04 43 views
30

有人可以告訴我,根據W3C允許或不允許表格中的divdiv裏面

+2

你看過規範,還是在驗證器中試過了? – RoToRa 2010-06-04 13:37:39

回答

36
<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過渡!

+1

謝謝你們,這有助於我解決我的問題。 – Sudhakar 2014-06-02 14:20:05

15

你可以把TD標籤內div標籤,但不直接表或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>

33

你不能把一個div直接一個table裏面,像這樣:

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

把一個div一個tdth元素中是好的,但是:

<!-- VALID --> 
<table> 
    <tr> 
    <td> 
     <div> 
     Hello World 
     </div> 
    </td> 
    </tr> 
</table> 
+0

謝謝大家,它可以幫助我解決我的問題。你沒提過 – Sudhakar 2014-06-02 14:22:23

+1

= P – 2015-08-04 22:21:06

9

雖然正如其他人在這裏指出的那樣,在TD中放置DIV(不是TABLE的直接子),我強烈建議不要使用DIV作爲TD。當然,除非你是頭痛的粉絲。

由於在將兩者結合時處理寬度,邊距,邊界等方面存在許多跨瀏覽器差異,因此很少有可能會被丟失,並且會有很多丟失。我無法告訴你我有多少次需要清理客戶端的這種標記,因爲他們無法使HTML在此瀏覽器或該瀏覽器中正確顯示。

然後,如果您對事物的外觀不感興趣,請不要理會這個建議。