HTML中thead标签的使用方法

发布时间:2020-06-24 17:12:08

来源:亿速云

阅读:179

作者:元一

这期内容当中的小编将会给大家带来有关HTML中thead标签的使用方法,以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。

定义和用法

标签定义表格的表头。该标签用于组合 HTML 表格的表头内容。[1]

thead 元素应该与tbody和tfoot元素结合起来使用。

tbody元素用于对 HTML表格中的主体内容进行分组,而 tfoot 元素用于对 HTML 表格中的表注(页脚)内容进行分组。

注释:如果您使用 thead、tfoot 以及tbody元素,您就必须使用全部的元素。它们的出现次序是:thead、tfoot、tbody,这样浏览器就可以在收到所有数据前呈现页脚了。您必须在 table 元素内部使用这些标签。

提示:在默认情况下这些元素不会影响到表格的布局。不过,您可以使用 CSS 使这些元素改变表格的外观。

详细描述

thead、tfoot 以及 tbody 元素使您有能力对表格中的行进行分组。当您创建某个表格时,您也许希望拥有一个标题行,一些带有数据的行,以及位于底部的一个总计行。这种划分使浏览器有能力支持独立于表格标题和页脚的表格正文滚动。

当长的表格被打印时,表格的表头和页脚可被打印在包含表格数据的每张页面上。

HTML 与 XHTML 之间的差异

NONE

提示

注: 内部必须拥有 标签!

注:、

以及 很少被使用,这是因为糟糕的浏览器支持。我们期望在 XHTML 的未来版本中这种情况会发生变化。

实例

带有 thead、tbody 以及 tfoot 元素的 HTML 表格:

Month Savings
Sum $180
January $100
February $80

标签的属性:属性值描述

alignrightleftcenterjustifycharHTML5 不支持。定义 元素中内容的对齐方式。

charcharacterHTML5 不支持。规定 元素中内容根据哪个字符来对进行文本对齐。

charoffnumberHTML5 不支持。规定 元素中内容的第一个对齐字符的偏移量。

valigntopmiddlebottombaselineHTML5 不支持。规定 元素中内容的垂直对齐方式。

上述就是小编为大家分享的HTML中thead标签的使用方法了,如果您也有类似的疑惑,不妨碍参照上述分析进行理解。如果想了解更多相关内容,请关注亿速云行业资讯。

html thead隐藏,HTML中thead标签的使用方法相关推荐

  1. HTML5新增的video标签,HTML5中video标签的使用方法

    HTML5中video标签的使用方法 发布时间:2020-08-27 11:33:56 来源:亿速云 阅读:100 作者:小新 这篇文章将为大家详细讲解有关HTML5中video标签的使用方法,小编觉 ...

  2. html5定义页脚的标签,HTML中footer标签的使用方法

    HTML中footer标签的使用方法 发布时间:2020-06-25 17:37:52 来源:亿速云 阅读:215 作者:Leah 本篇文章为大家展示了HTML中footer标签的使用方法,代码简明扼 ...

  3. html方法介绍,html中noframes标签的使用方法介绍

    html中noframes标签的使用方法介绍 发布时间:2020-04-17 09:35:28 来源:亿速云 阅读:672 作者:小新 这篇文章主要为大家详细介绍了html中noframes标签的使用 ...

  4. html中dt标签,html中dt标签的使用方法

    html中dt标签的使用方法 发布时间:2020-09-24 12:02:08 来源:亿速云 阅读:93 作者:小新 这篇文章主要介绍html中dt标签的使用方法,文中介绍的非常详细,具有一定的参考价 ...

  5. css中style怎么用,css中style标签的使用方法

    css中style标签的使用方法 发布时间:2020-07-01 09:49:22 来源:亿速云 阅读:141 作者:Leah 这篇文章将为大家详细讲解有关css中style标签的使用方法,文章内容质 ...

  6. html中aside整体,html中aside标签的使用方法

    html中aside标签的使用方法 发布时间:2020-09-24 14:18:03 来源:亿速云 阅读:98 作者:小新 小编给大家分享一下html中aside标签的使用方法,相信大部分人都还不怎么 ...

  7. html中div不在火狐居中,Firefox嵌套CSS中div标签居中问题解决方法

    本文和大家重点讨论一下Firefox嵌套CSS中div标签的居中问题的解决方法,主要包括使用line-height垂直居中,清除容器浮动,不让链接折行,始终让Firefox显示滚动条等内容. Fire ...

  8. php表格中的caption,html中caption标签的使用方法及实例详解

    html5中 标签作用是定义表格标题,这里详细介绍下标签用法.标签属性以及标签应用实例. html中 标签作用:定义表格标题标签用法: caption 元素定义表格标题. caption 标签必须紧随 ...

  9. proteus中的标签的使用方法。

    我们在proteus中绘制原理图的时候常常会遇到元器件的连线比较繁杂,导致原理图看起来比较乱,或者不是太好看,我们一般采用两种比较典型的方式来解决. 一.标签 1.终端模式下的标签 终端模式下的标签须 ...

  10. html语言中div的用法,HTML中div 标签的使用方法

    HTML中 标签的使用方法 发布时间:2020-11-06 14:25:42 来源:亿速云 阅读:133 作者:小新 这篇文章主要介绍了HTML中 标签的使用方法,具有一定借鉴价值,需要的朋友可以参考 ...

最新文章

  1. Paper2:Fast 3D Line Segment Detection From Unorganized Point Cloud
  2. python文本分析
  3. 人工智能是如何改变IT运维和DevOps的?
  4. ASP.Net_配置文件
  5. 从python入门到放弃_《Python3从入门到放弃》视频教程
  6. 如何基于对话框的project基于改变BCG的
  7. 洛谷——P1830 轰炸III
  8. Hibernate 主键
  9. Python打造qq音乐歌曲下载器
  10. c语言 error c2227,error C2227: left of '-first' must point to class/struct/union
  11. 同程旅行 IAST 实践
  12. Unity3D Tessellation曲面细分
  13. 云手机虚拟机服务器配置,云手机虚拟机服务器
  14. 实习日记——Day24
  15. LPC1768PWM实验
  16. M580PLC以太网读通讯和写通讯
  17. 【C++】数据结构——向量
  18. Python:后缀为whl的文件是什么?如何安装whl文件?
  19. 随笔杂记(十)——C++:C4996报错解决方法
  20. android 高通分区表,高通msm8994平台的NV到底是储存在哪个分区?

热门文章

  1. mysql blast2go_blast2go本地化教程
  2. 女人一生要读的30本书
  3. 华为手机的10个使用技巧,你知道吗
  4. 计算机重启后打印机无法连接不上,共享打印机电脑重启就无法连接怎么办
  5. 每一篇博文都是与自己的一次对话
  6. 华为防火墙配置IPSEC实现二个站点间网络互通 隧道模式 web配置(二)
  7. 共享单车租用频次分析
  8. mint-ui引用iconfont图标
  9. 怎样去掉Using default security password:2A70F900-4445-4113-9749-2E7EE44C1EB1。
  10. kappa一致性检验教程_R语言中的试验一致性检验分析 kappa检验和McNemar检验