HTML中div標籤與table標籤組合使用問題

 

1.div標籤直接包容tr標籤：語法檢測通過，但div不生效。例如，對於如下代碼，table的內容還會在頁面上顯示出來。

<table>
    <div id="divTest" style="display: none">
        <tr>
            <th>title</th>
        </tr>
        <tr>
            <td>value</td>
        </tr>
    </div>
</table>

2.div標籤直接包容td或th標籤：語法檢測不通過。提示錯誤爲“Invalid location of tag (div).”。

合法有效的組合方式有如下三種：
1.div標籤包容整個table標籤
2.div標籤置於th標籤之內
3.div標籤置於td標籤之內