前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 ><thead>标签

<thead>标签

作者头像
Html5知典
发布2019-11-26 16:50:50
1.1K0
发布2019-11-26 16:50:50
举报
文章被收录于专栏:Html5知典Html5知典

用途

<thead> 标签定义HTML表格的表头,并用于组合HTML表格的头部内容。<thead>应与<tbody>和<tfoot>标签结合起来使用。<tbody>元素用于对HTML表格中的主体内容分组。而<tfoot>标签用于对HTML表格中的表注内容分组。

例子

代码语言:javascript
复制
<table width="600px" border="1" style="text-align: center"> 

    <thead> 
        <tr> 
            <td>THEAD 内容</td> 
            <td>THEAD 内容</td> 
            <td>THEAD 内容</td> 
        </tr>
    </thead> 
    
    <tfoot> 
        <tr> 
            <td>TFOOT 内容</td> 
            <td>TFOOT 内容</td> 
            <td>TFOOT 内容</td> 
        </tr> 
    </tfoot>
    
    <tbody> 
        <tr> 
            <td>TBODY 内容</td> 
            <td>TBODY 内容</td> 
            <td>TBODY 内容</td> 
        </tr> 
    </tbody> 
</table>

执行结果

THEAD 内容

THEAD 内容

THEAD 内容

TFOOT 内容

TFOOT 内容

TFOOT 内容

TBODY 内容

TBODY 内容

TBODY 内容

变更点

<thead> 标签在HTML5与HTML4.01之间存在如下差异

  • HTML5有一些新的属性,同时不再支持以下的HTML4.01属性
  1. align 原用于指定thead元素中内容的对齐方式。
  2. char 原用于指定根据哪个字符来进行文本对齐。
  3. charoff 原用于指定第一个对齐字符的偏移量。
  4. valign 原用于指定thead元素中的内容的垂直对齐方式。
本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2018-08-02,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 Html5知典 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 变更点
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档