手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >html工作中表格<tbody>标签的使用技巧
html工作中表格<tbody>标签的使用技巧
摘要:在做页面的时候,经常要根据不同的操作来显示或隐藏一个表格中的部分内容,隐藏一行直接用标签,隐藏多行时用就很方便。表单内容多行内容多行内容用j...

在做页面的时候,经常要根据不同的操作来显示或隐藏一个表格中的部分内容,隐藏一行直接用<tr>标签,隐藏多行时用<tbody>就很方便。

<table>

<tbody id="content1">

<tr><td>表单内容</td></tr>

</tbody>

<tbody id="content2">

<tr><td>多行内容</td></tr>

<tr><td>多行内容</td></tr>

</tbody>

</table>

用js来控制样式display来显示和隐藏,很方便。听说这样还可以控制网页加载时显示的顺序,content1会比content2先显示,而不是等表格加载完后一起显示,没有实验过,在表格数据很多时会有作用。

使用过程中发现<tbody>不能嵌套使用,会出现莫名的问题,<tbody>是用来定义表格主体的,定义多个主体不说,主体里再来个主体确实不符合W3C对其的定义,像下面这样使用看起来好像没错,但实际上是有错误的。

<table>

<tbody id="all">

<tbody id="content1">

<tr><td>表单内容</td></tr>

</tbody>

<tbody id="content2">

<tr><td>多行内容</td></tr>

<tr><td>多行内容</td></tr>

</tbody>

</tobdy>

</tbale>

做原型页面时会为了实现交互效果才这样用<tbody>,实际的后台编程中用不着,只要根据判断输出相应的表体就行了。

页面制作时表格的设计用<thead><tbody><tfoot><th><caption>等以前不常用的标签加上CSS的定义可以实现很多不错的效果,标准又语义,很强大,看过相关的一篇文章,找到收藏起来。

【html工作中表格&lt;tbody&gt;标签的使用技巧】相关文章:

UltraEdit 使用技巧汇总

鼠标移入移出改变CSS样式的小例子

CSS中background-position使用技巧

CSS在表格边框上的美学应用

IE6定义1px左右高度的容器示例代码

创建CSS样式表的十个技巧

新浪微博CSS布局实例分析

CSS之DIV长度相等的几个办法

CSS定义DIV圆角边框

IE9下DIV本来应该居中的结果显示为居左

精品推荐
分类导航