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

html工作中表格<tbody>標(biāo)簽的使用技巧

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

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


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

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

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