在做頁面的時候，經(jīng)常要根據(jù)不同的操作來顯示或隱藏一個表格中的部分內(nèi)容，隱藏一行直接用<tr>標(biāo)簽，隱藏多行時用<tbody>就很方便。
<table>
<tbody id="content1">
<tr><td>表單內(nèi)容</td></tr>
</tbody>
<tbody id="content2" style="display:none">
<tr><td>多行內(nèi)容</td></tr>
<tr><td>多行內(nèi)容</td></tr>
</tbody>
</table>
用js來控制樣式display來顯示和隱藏，很方便。聽說這樣還可以控制網(wǎng)頁加載時顯示的順序，content1會比content2先顯示，而不是等表格加載完后一起顯示，沒有實驗過，在表格數(shù)據(jù)很多時會有作用。

使用過程中發(fā)現(xiàn)<tbody>不能嵌套使用，會出現(xiàn)莫名的問題,<tbody>是用來定義表格主體的，定義多個主體不說，主體里再來個主體確實不符合W3C對其的定義，像下面這樣使用看起來好像沒錯，但實際上是有錯誤的。
<table>
<tbody id="all">
<tbody id="content1">
<tr><td>表單內(nèi)容</td></tr>
</tbody>
<tbody id="content2">
<tr><td>多行內(nèi)容</td></tr>
<tr><td>多行內(nèi)容</td></tr>
</tbody>
</tobdy>
</tbale>


做原型頁面時會為了實現(xiàn)交互效果才這樣用<tbody>，實際的后臺編程中用不著，只要根據(jù)判斷輸出相應(yīng)的表體就行了。
頁面制作時表格的設(shè)計用<thead><tbody><tfoot><th><caption>等以前不常用的標(biāo)簽加上CSS的定義可以實現(xiàn)很多不錯的效果，標(biāo)準(zhǔn)又語義，很強(qiáng)大，看過相關(guān)的一篇文章，找到收藏起來。

最新評論