主頁(yè) > 知識(shí)庫(kù) > html工作中表格<tbody>標(biāo)簽的使用技巧

html工作中表格<tbody>標(biāo)簽的使用技巧
熱門(mén)標(biāo)簽：廣州防封電銷(xiāo)機(jī)器人廠家 南通電銷(xiāo)外呼系統(tǒng)軟件 智能語(yǔ)音電銷(xiāo)機(jī)器人客戶端 上海400電話辦理到易號(hào)網(wǎng) 常州電話外呼系統(tǒng)招商 山東電銷(xiāo)機(jī)器人軟件 洛陽(yáng)防封卡外呼系統(tǒng)廠家 申請(qǐng)400電話移動(dòng) 成都企業(yè)外呼系統(tǒng)
在做頁(yè)面的時(shí)候，經(jīng)常要根據(jù)不同的操作來(lái)顯示或隱藏一個(gè)表格中的部分內(nèi)容，隱藏一行直接用tr>標(biāo)簽，隱藏多行時(shí)用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來(lái)控制樣式display來(lái)顯示和隱藏，很方便。聽(tīng)說(shuō)這樣還可以控制網(wǎng)頁(yè)加載時(shí)顯示的順序，content1會(huì)比content2先顯示，而不是等表格加載完后一起顯示，沒(méi)有實(shí)驗(yàn)過(guò)，在表格數(shù)據(jù)很多時(shí)會(huì)有作用。

使用過(guò)程中發(fā)現(xiàn)tbody>不能嵌套使用，會(huì)出現(xiàn)莫名的問(wèn)題,tbody>是用來(lái)定義表格主體的，定義多個(gè)主體不說(shuō)，主體里再來(lái)個(gè)主體確實(shí)不符合W3C對(duì)其的定義，像下面這樣使用看起來(lái)好像沒(méi)錯(cuò)，但實(shí)際上是有錯(cuò)誤的。
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>


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

標(biāo)簽：混顯 賀州 邵陽(yáng) 廣安 鶴壁 萊蕪 滄州 貴州

巨人網(wǎng)絡(luò)通訊聲明：本文標(biāo)題《html工作中表格<tbody>標(biāo)簽的使用技巧》，本文關(guān)鍵詞  html,工作中,表格,amp,tbody,；如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問(wèn)題，煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們，我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò)，涉及言論、版權(quán)與本站無(wú)關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《html工作中表格<tbody>標(biāo)簽的使用技巧》相關(guān)的同類信息！
  • 本頁(yè)收集關(guān)于html工作中表格<tbody>標(biāo)簽的使用技巧的相關(guān)信息資訊供網(wǎng)民參考！
    • 推薦文章