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. linux 文件操作函数,Linux下的文件操作函数及creat用法
  2. springboot入门程序
  3. 2021HDU多校第五场1004 Another String-双指针
  4. 折半查找的思想及源码_常用排序与查找算法
  5. Android为TV端助力 post带数据请求方式,传递的数据格式包括json和map
  6. 论文浅尝 | 神经网络是如何外推的:从前馈神经网络到图神经网络
  7. hive函数大全:11大类、109个函数
  8. python 基础 - 循环语句
  9. 【转】ASP.NET 2.0中Page事件的执行顺序
  10. 判断字符串解析是JsonObject或者JsonArray
  11. 来不及解释!python字符串常用方法大全,先收藏再说
  12. wgan 不理解 损失函数_GAN:「太难的部分我就不生成了,在下告退」
  13. java基础知识——JAVA中的函数(方法)
  14. 流媒体直播点播系统方案设计
  15. 广西壮族自治区公安厅信息中心异地容灾系统(三期)项目招标
  16. 设计模式二 单例模式
  17. LWIP网络开发从入门到精通
  18. 第九章 情归情理归理 好话丑话最好都说在前面
  19. 最简单可靠的机房温度电话报警
  20. 【POJ No. 3764】 最长xor 路径 The xor-longest Path

热门文章

  1. c语言char a什么意思,C语言中char *a[ ]什么意思,他和char (*)a[ ]有什么什么区别?...
  2. Html+Css实现鼠标经过图片放大
  3. 《幸福的勇气》笔记四——自立就是摆脱“自我”
  4. 英文论文评审意见_sci英文论文审稿意见怎么写(7)
  5. Linux 中root权限
  6. 模拟一个简单的购房商贷月供计算器,按照总利息和每月还款金额
  7. 方维o2o系统多通道支付的实现
  8. java json 解析字符串_java-解析JSON字符串的最简单方法
  9. 进行网络广告策划时需要遵循哪些原则呢?
  10. python:制作水印图片