• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    html工作中表格<tbody>标签的使用技巧
    在做页面的时候,经常要根据不同的操作来显示或隐藏一个表格中的部分内容,隐藏一行直接用tr>标签,隐藏多行时用tbody>就很方便。
    table>
    tbody id="content1">
    tr>td>表单内容/td>/tr>
    /tbody>
    tbody id="content2" style="display:none">
    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的定义可以实现很多不错的效果,标准又语义,很强大,看过相关的一篇文章,找到收藏起来。
    上一篇:Firefox下样式设置宽度奇怪现象
    下一篇:input为disabled提交后得不到该值的解决方法
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    html工作中表格<tbody>标签的使用技巧 html,工作中,表格,amp,tbody,